Wtyczka ma na celu optymalizację ładowania stron w witrynie. Zmniejsza liczbę żądań HTTP do serwera, łącząc pliki skryptowe js i przenosząc je na dół strony. Łączy również pliki stylu css i może usuwać dodatkowe spacje ze stron.
Zasada działania
Przed wyświetleniem strony wtyczka wyszukuje wszystkie połączenia do stylów i skryptów, łączy je w jeden plik skryptu i jeden arkusz stylów, kompresuje i przekazuje wywołania skryptu na dół strony. W takim przypadku utworzone pliki są buforowane, aby zmniejszyć obciążenie serwera.
W rezultacie uzyskujemy pobieranie stylów css w nagłówku witryny i javascript na końcu dokumentu w następującej formie:
<link type = "text / css" media = "all" </ script>
To znacznie przyspiesza ładowanie witryn i poprawia wydajność testów, takich jak Google PageSpeed Insights (a zatem poprawia stosunek Google do witryny).
Pamięć podręczna jest przechowywana w katalogu zasobów. Katalog jest tworzony automatycznie wraz ze wszystkimi niezbędnymi plikami. Pamięć podręczna jest łatwo usuwana w ustawieniach wtyczki.
Konfiguracja wtyczki
Wtyczka jest domyślnie skonfigurowana i po włączeniu będzie działać z pełną siłą, ale nadal ma wiele opcji.
- Nie używaj kompresji GZIP - jeśli występują problemy z kompresją na serwerze, możesz wyłączyć kompresję. Po tym musisz wyczyścić pamięć podręczną wtyczki.
- Optymalizuj kod HTML - podczas ładowania strony usuwane są dodatkowe spacje i komentarze, strona staje się łatwiejsza odpowiednio o kilka kilobajtów, ładuje się szybciej.
- Zapisz komentarze HTML - jeśli z jakiegoś powodu potrzebujesz komentarzy w kodzie strony, możesz je zostawić.
- Optymalizuj kod javascript
- Minify JavaScript code - dwie opcje optymalizacji JS.
- Umieść JavaScript w HEAD - jeśli przeniesienie skryptów na dół strony łamie funkcjonalność.
- Wyszukaj skrypty tylko w HEAD - jeśli niektóre skrypty są wywoływane w treści strony, a ich usunięcie stamtąd przerywa działanie.
- Wyklucz skrypty z przetwarzania - jeśli niektóre skrypty są tak delikatne, że ich ruch przerywa funkcjonalność.
- Dodaj try-catch wrapper - dodatkowe skrypty ubezpieczenia zdrowotnego.
- Kompresuj osadzony javascript - jeśli odznaczone, osadzone skrypty nie zmniejszą się.
- Zoptymalizuj kod CSS
- Minify kod CSS - dwie opcje optymalizacji CSS.
- Utwórz dane: adresy URL obrazów - obrazy tła zostaną osadzone w wygenerowanym pliku css, co pozwoli zaoszczędzić liczbę żądań HTTP, a tym samym znacznie przyspieszy pobieranie.
- Szukaj stylów tylko w HEAD - podobnie jak w tej samej opcji JS, style znajdujące się w treści strony nie zostaną dotknięte.
- Odłóż ładowanie CSS - plik arkusza stylów jest podłączony na dole strony.
- Użyj tego kodu CSS, gdy odroczone ładowanie - gdy strona jest załadowana, ale stylów jeszcze nie ma, strona wygląda na uszkodzoną. Aby temu zapobiec, niektóre style są dodawane na początku strony.
- Umieść cały CSS w kodzie HTML - style nie są umieszczane w oddzielnym pliku, ale osadzane na stronie, co pozwala zapisać żądania HTTP. Nie zalecane, jeśli pliki stylu są duże.
- Wykluczenie CSS z przetwarzania jest podobne do opcji JS.
- Wyczyść pamięć podręczną - usuwa pliki skryptów i style utworzone przez wtyczkę.
Jeśli nie chcesz, aby jQuery podlegało optymalizacji, możesz dodać go do wyjątków. Ale jednocześnie, jeśli potrzebujesz załadować jQuery dopiero po załadowaniu strony, wtedy opcja MaxSite CMS pomoże - Ustawienia → Ogólne → Usługa → opcja pobierania JQuery. Pokazujemy, że opcja nie pochodzi z Twojej witryny. Następnie biblioteka nie zostanie scalona z resztą, ale skrypt zostanie połączony na dole strony.
Pobierz:
Autor :
Treść tylko dla autoryzowanych użytkowników - chcesz zaloguj się lub zarejestrować się ? ..
Aktualna wersja wtyczki : 1.0 (stabilnie działa na cms 0.863)
Treść tylko dla autoryzowanych użytkowników - chcesz zaloguj się lub zarejestrować się ? Treść tylko dla autoryzowanych użytkowników - chcesz zaloguj się lub zarejestrować się ? .
