Pierwsze kroki z Optymalizatorem SiteSkyline
Witamy w Optymalizatorze SiteSkyline! Ten przewodnik pomoże Ci zainstalować wtyczkę, skonfigurować ustawienia początkowe i rozpocząć przyspieszanie witryny WordPress lub WooCommerce w ciągu zaledwie kilku minut.
Zanim zaczniesz
Przed zainstalowaniem narzędzia SiteSkyline Optimizer upewnij się, że witryna internetowa spełnia następujące wymagania:
- Witryna WordPress na własnym serwerze.
- Kompatybilny hosting z obsługiwaną wersją PHP.
Instalacja
Wykonaj poniższe proste kroki, aby zainstalować wtyczkę na swojej stronie internetowej:
- Zaloguj się do swojego panelu WordPress.
- Przejdź do menu Wtyczki i kliknij Dodaj nowy.
- Wyszukaj Optymalizator witryny Skyline.
- Trzask Zainstaluj teraz a następnie kliknij Aktywować po zakończeniu instalacji.
Konfiguracja po raz pierwszy
Po aktywacji będziesz mieć dostęp do wszystkich funkcji poprzez nowo dodane menu ustawień.
- Przejdź do menu Ustawienia w panelu WordPress i poszukaj opcji wtyczek.
- Rozpocznij w Ogólny zakładkę, aby skonfigurować poprawki dotyczące szybkości rdzenia.
- Przejrzyj dostępne przełączniki funkcji, aby usunąć niepotrzebne rozdęcie witryny, uporządkować dane wyjściowe i przyciąć dodatkowe funkcje.
- Trzask Zapisz zmiany na dole strony, aby zastosować nowe ustawienia.
Twoje pierwsze kroki
Teraz, gdy wtyczka jest aktywna, spróbuj poznać te dwie kluczowe funkcje, aby zobaczyć natychmiastowy wzrost wydajności:
1. Przyspiesz dostarczanie strony
- Przejdź do menu Ustawienia i wybierz opcję Pamięć podręczna strony patka.
- Przełącz Włącz pamięć podręczną strony przełącznik, aby włączyć buforowanie statycznej strony HTML.
- Skonfiguruj preferencje dotyczące wygaśnięcia i reguły wykluczeń, a następnie kliknij Zapisz zmiany.
2. Zoptymalizuj swoje obrazy
- Przejdź do menu Ustawienia i wybierz opcję WebP patka.
- Dźwignia kolankowa Włącz konwersję WebP aby zacząć przekształcać przesyłane duże ilości obrazów w lżejsze i szybsze formaty.
- Wybierz preferowaną metodę konwersji i kliknij Konwersja zbiorcza aby zoptymalizować istniejącą bibliotekę obrazów.
Zoptymalizuj pulpit nawigacyjny
Co to robi
Panel Optymalizacji umożliwia szybki przegląd stanu wydajności witryny i stanu pamięci podręcznej. Zapewnia także szybkie wyzwalacze optymalizacji, dzięki czemu możesz zapewnić płynne działanie witryny.
Jak z niego korzystać
- Przejdź do sekcji Optymalizuj i wybierz zakładkę Optymalizuj.
- Wyświetl bieżący stan wydajności witryny.
- Kliknij dowolne z szybkich działań optymalizacyjnych, aby ulepszyć swoją witrynę.
Settings & Options
| Ustawienie | Co kontroluje |
|---|---|
| Brak dostępnych ustawień konfigurowalnych | Ten pulpit nawigacyjny został zaprojektowany z myślą o szybkim przeglądaniu i wyzwalaniu działań związanych z wydajnością, a nie o ręcznej konfiguracji. |
Tips & Best Practices
- Regularnie odwiedzaj Panel Optymalizacji, aby być na bieżąco z aktualnym stanem wydajności swojej witryny.
- Użyj wyzwalaczy szybkiej optymalizacji, gdy chcesz szybko poprawić wydajność.
- Połącz recenzje panelu z funkcjami zarządzania pamięcią podręczną i menedżerem zasobów, aby uzyskać pełną procedurę szybkości działania witryny.
Analizator aktywów
Co to robi
Asset Analyzer pomaga sprawdzić skrypty i style załadowane w Twojej witrynie. Przeglądając te zasoby strony, możesz łatwo zidentyfikować nowe możliwości optymalizacji swojej witryny.
Jak z niego korzystać
- Przejdź do sekcji Menedżer zasobów.
- Wybierz zakładkę Analizator.
- Uruchom analizę zasobów.
- Wyświetl załadowane pliki CSS i JavaScript dla każdej strony.
Settings & Options
| Ustawienie | Co kontroluje |
|---|---|
| Nic | Nie ma możliwości konfiguracji ustawień tej funkcji. |
Tips & Best Practices
- Regularnie przeprowadzaj skanowanie, aby śledzić nowe skrypty i style dodane do Twoich stron.
- Wykorzystaj wnioski wyciągnięte z analizy, aby dostrzec możliwości optymalizacji.
- Przejrzyj załadowane pliki CSS i JavaScript na stronę, aby lepiej poznać wydajność swojej witryny.
Zasady dotyczące zasobów
Co to robi
Skonfiguruj reguły ładowania warunkowego dla skryptów i stylów, aby usuwać z kolejki lub wyłączać zasoby na określonych stronach lub globalnie. Pomaga to usunąć niechciane skrypty i style z określonych stron, aby zmniejszyć wagę strony.
Jak z niego korzystać
- Przejdź do sekcji Asset Manager i otwórz zakładkę Reguły.
- Dodaj nową regułę dotyczącą zasobu.
- Wybierz uchwyty, które chcesz wyłączyć.
- Zapisz reguły dotyczące zasobów.
Settings & Options
| Ustawienie | Co kontroluje |
|---|---|
| Zasady usuwania zasobów z kolejki | Określ uchwyty CSS lub JS, które chcesz wyłączyć globalnie lub dla określonych adresów URL/typów postów. |
Tips & Best Practices
- Użyj reguł ładowania warunkowego, aby usunąć niechciane skrypty i style z określonych stron.
- Docelowe zasoby mają być wyłączone globalnie lub w określonych adresach URL i typach postów, aby zmniejszyć wagę strony.
- Zadbaj o wydajne działanie stron, usuwając niepotrzebny kod tam, gdzie nie jest on potrzebny.
Media & Image Optimizer
Co to robi
The Media & Image Optimizer helps you control image loading behavior, responsive image attributes, and lazy loading priorities. Use this feature to adjust your image rendering and loading settings to improve your page performance.
Jak z niego korzystać
- Przejdź do sekcji Media i kliknij zakładkę Obrazy.
- Przełącz ustawienia leniwego ładowania i skonfiguruj parametry optymalizacji obrazu.
- Kliknij przycisk Zapisz, aby zapisać ustawienia multimediów.
Settings & Options
| Ustawienie | Co kontroluje |
|---|---|
| Leniwe ładowanie | Przełącz natywne lub oparte na skrypcie leniwe ładowanie obrazów. |
| Wstępne ładowanie/priorytet obrazu LCP | Kontroluj priorytet pobierania i wstępne ładowanie wyświetlanych obrazów LCP. |
Tips & Best Practices
- Dostosuj ustawienia renderowania i ładowania obrazu, aby ulepszyć największą zawartość treściową (LCP).
- Użyj ustawienia Leniwe ładowanie, aby wybrać pomiędzy natywnym lub opartym na skrypcie leniwym ładowaniem obrazów.
- Skonfiguruj priorytet pobierania i wstępne ładowanie specjalnie dla obrazów wyświetlanych na ekranie.
Konwersja obrazu WebP
Co to robi
Konwertuj przesłane obrazy JPEG i PNG na nowoczesny format WebP, aby przyspieszyć dostarczanie obrazów. Dzięki temu Twoja witryna ładuje się szybciej i zapewnia płynniejszą obsługę odwiedzającym.
Jak z niego korzystać
- Przejdź do sekcji Media i wybierz zakładkę WebP.
- Włącz automatyczną konwersję, aby nowe przesyłane pliki były obsługiwane automatycznie, lub wybierz preferowany tryb generowania WebP.
- Uruchom konwersję zbiorczą, aby zaktualizować istniejącą bibliotekę obrazów.
- Kliknij przycisk Zapisz, aby zachować ustawienia WebP.
Settings & Options
| Ustawienie | Co kontroluje |
|---|---|
| Tryb generowania WebP | Wybierz metodę konwersji, taką jak GD, Imagick lub reguły oparte na chmurze/serwerze. |
| Automatyczna konwersja przesłanych plików | Automatycznie generuj wersje WebP za każdym razem, gdy do Twojej witryny przesyłane są nowe multimedia. |
Tips & Best Practices
- Włącz automatyczną konwersję, aby zaoszczędzić czas i nie musisz ręcznie konwertować każdego nowego przesłanego obrazu.
- Uruchom narzędzie do konwersji zbiorczej, aby szybko zaktualizować całą istniejącą bibliotekę obrazów na raz.
- Eksperymentuj z dostępnymi trybami generowania, aby znaleźć opcję, która najlepiej pasuje do Twojego środowiska serwerowego.
- Połącz tę funkcję z optymalizatorem multimediów, aby mieć pewność, że Twoje obrazy będą tak szybkie i wydajne, jak to tylko możliwe.
Krytyczne generowanie CSS
Co to robi
Generowanie krytycznego CSS pomaga natychmiastowo wczytać strony, generując i umieszczając krytyczne CSS w części widocznej na ekranie. Proces ten eliminuje arkusze stylów blokujące renderowanie, dzięki czemu odwiedzający mogą przeglądać zawartość od razu, bez czekania na pobranie pełnych arkuszy stylów.
Jak z niego korzystać
- Przejdź do sekcji Styl i wybierz zakładkę Krytyczny CSS.
- Wybierz preferowany tryb generowania i skonfiguruj, czy chcesz wstrzykiwać krytyczny CSS bezpośrednio na swoje strony.
- W razie potrzeby edytuj wszelkie rezerwowe reguły CSS o krytycznym znaczeniu.
- Kliknij przycisk Zapisz ustawienia stylu, aby zastosować zmiany.
- Kliknij przycisk Generuj krytyczny CSS, aby utworzyć krytyczne style widoczne na ekranie.
Settings & Options
| Ustawienie | Co kontroluje |
|---|---|
| Krytyczny tryb generowania CSS | Skonfiguruj automatyczne generowanie lub ręczne wprowadzanie CSS dla każdego szablonu. |
| Wbudowany krytyczny CSS | Włącza lub wyłącza wstrzykiwanie krytycznego kodu CSS bezpośrednio do nagłówka HTML. |
Tips & Best Practices
- Starannie skonfiguruj najważniejsze reguły CSS, aby strony wyświetlały się natychmiast i bez opóźnień.
- Użyj trybu generowania, aby przełączać się między tworzeniem automatycznym a wprowadzaniem ręcznym, w zależności od potrzeb szablonu.
- Pamiętaj, aby zapisać ustawienia stylu po wprowadzeniu jakichkolwiek zmian w zasadach lub preferencjach.
Lokalny host czcionek Google
Co to robi
Pobierz czcionki Google lokalnie i udostępniaj je z własnego serwera, aby poprawić prywatność i szybkość. Ta funkcja eliminuje zewnętrzne wyszukiwania DNS w czcionkach Google.
Jak z niego korzystać
- Przejdź do sekcji Styl i otwórz zakładkę Czcionki.
- Włącz lub wyłącz lokalny hosting czcionek Google.
- W razie potrzeby wyczyść pamięć podręczną czcionek.
- Kliknij, aby zapisać ustawienia czcionek.
Settings & Options
| Ustawienie | Co kontroluje |
|---|---|
| Samodzielne czcionki Google | Automatycznie przechwytuj żądania czcionek Google, pobieraj pliki czcionek lokalnie i przepisuj CSS. |
| Wstępnie załaduj lokalne czcionki | Dodaj wstępnie załadowane nagłówki łączy dla lokalnie hostowanych plików czcionek. |
Tips & Best Practices
- Włącz lokalny hosting czcionek, aby poprawić zarówno prywatność swojej witryny, jak i szybkość ładowania.
- Skorzystaj z opcji samodzielnego hostingu, aby automatycznie przechwytywać żądania czcionek Google i pobierać pliki na własny serwer.
- Włącz wstępne ładowanie czcionek, aby dodać przydatne nagłówki linków do lokalnie hostowanych plików czcionek.
- Pamiętaj, aby wyczyścić pamięć podręczną czcionek po dokonaniu aktualizacji ustawień czcionek.
JavaScript Defer & Optimization
Co to robi
Odłóż wykonanie JavaScript, połącz lub opóźnij skrypty i usuń jQuery Migrate. Pomaga to zapobiec blokowaniu renderowania strony przez JavaScript i poprawia wydajność witryny.
Jak z niego korzystać
- Idź do Sekcja JavaScriptu i otwórz zakładka JS.
- Przełącz preferowane opcje odroczenia JavaScript.
- W razie potrzeby wyklucz z odroczenia wszelkie uchwyty skryptów.
- Zapisz ustawienia JavaScript.
Settings & Options
| Ustawienie | Co kontroluje |
|---|---|
| Odłóż wykonanie JS | Dodaje atrybuty odroczenia lub asynchronizacji do niekrytycznych znaczników skryptu. |
| Usuń jQuery Migrate | Usuwa niepotrzebny skrypt jquery-migrate. |
Tips & Best Practices
- Użyj odroczenia skryptu, aby JavaScript nie blokował płynnego ładowania zawartości strony.
- Skorzystaj z wyjątków, utrzymując określone uchwyty skryptu poza procesem odroczenia, jeśli skrypt wymaga natychmiastowego wykonania.
- Połącz tę funkcję z regułami dotyczącymi zasobów, aby uzyskać jeszcze większą kontrolę nad ładowaniem skryptów witryny.
Cache Management & Page Cache
Co to robi
Skonfiguruj buforowanie stron, wstępne ładowanie pamięci podręcznej, reguły wygaśnięcia pamięci podręcznej i wzorce wykluczeń. Ta funkcja umożliwia natychmiastowe udostępnianie odwiedzającym statycznych migawek HTML.
Jak z niego korzystać
- Przejdź do sekcji Pamięć podręczna i wybierz zakładkę Pamięć podręczna.
- Przełącz ustawienia pamięci podręcznej strony, aby włączyć buforowanie dyskowe lub zaawansowane buforowanie stron.
- Ustaw czas wygaśnięcia pamięci podręcznej i w razie potrzeby zdefiniuj wzorce wykluczeń.
- Skorzystaj z dostępnych akcji, aby wstępnie załadować pamięć podręczną lub wyczyścić pamięć podręczną za każdym razem, gdy chcesz odświeżyć zawartość.
Settings & Options
| Ustawienie | Co kontroluje |
|---|---|
| Włącz pamięć podręczną strony | Przełącz backend dysku lub zaawansowanego buforowania stron. |
| Wygaśnięcie pamięci podręcznej / TTL | Ustaw czas wygaśnięcia stron w pamięci podręcznej. |
| Wykluczone adresy URL/pliki cookie | Zdefiniuj ciągi zapytań, pliki cookie lub ścieżki w celu ominięcia pamięci podręcznej. |
Tips & Best Practices
- Włącz buforowanie stron, aby mieć pewność, że odwiedzający natychmiast otrzymają statyczne migawki HTML, co umożliwi szybsze przeglądanie.
- Regularnie czyść pamięć podręczną po wprowadzeniu znaczących aktualizacji w witrynie, aby odwiedzający mogli od razu zobaczyć najnowsze zmiany.
- Użyj wstępnego ładowania pamięci podręcznej, aby aktywnie generować strony w pamięci podręcznej, zanim odwiedzający o nie poproszą.
- Skonfiguruj wykluczone adresy URL i pliki cookie dla dynamicznych stron lub obszarów witryny, które nigdy nie powinny być wyświetlane z migawki z pamięci podręcznej.
Reguły buforowania przeglądarki
Co to robi
Reguły buforowania przeglądarki umożliwiają skonfigurowanie nagłówków wygaśnięcia, takich jak Expires i Cache-Control, dla zasobów statycznych. Pomaga to powracającym odwiedzającym szybciej ładować Twoją witrynę, pobierając pliki statyczne bezpośrednio z lokalnej pamięci podręcznej przeglądarki.
Jak z niego korzystać
- Idź do Kryjówka sekcję i kliknij przycisk Pamięć podręczna przeglądarki patka.
- Skonfiguruj nagłówki buforowania przeglądarki i reguły wygaśnięcia zasobów statycznych.
- Kliknij przycisk, aby wygenerować i zaktualizować reguły pamięci podręcznej przeglądarki.
- Zapisz ustawienia pamięci podręcznej przeglądarki, aby zastosować zmiany.
Settings & Options
| Ustawienie | Co kontroluje |
|---|---|
| Nagłówki buforowania przeglądarki | Dodaj reguły wygaśnięcia CSS, JS, obrazów i czcionek w konfiguracji serwera. |
Tips & Best Practices
- Włącz reguły buforowania przeglądarki, aby pomóc powracającym odwiedzającym szybciej ładować zasoby statyczne z lokalnej pamięci podręcznej przeglądarki.
- Użyj tych reguł, aby poprawnie skonfigurować nagłówki wygaśnięcia, takie jak Expires i Cache-Control dla swoich plików.
- Regularnie zapisuj i aktualizuj ustawienia buforowania przeglądarki za każdym razem, gdy dostosujesz reguły buforowania.
Zarządzanie pamięcią OPcache
Co to robi
Monitoruj i zarządzaj stanem PHP OPcache i resetowaniem pamięci podręcznej. Przeglądaj wskaźniki wydajności i dbaj o płynne działanie witryny.
Jak z niego korzystać
- Przejdź do sekcji Cache i wybierz zakładkę OPcache.
- Sprawdź bieżące zużycie pamięci, współczynnik trafień i liczbę skryptów w pamięci podręcznej.
- Kliknij przycisk, aby odświeżyć statystyki statusu, gdy potrzebujesz aktualnych informacji.
- Kliknij przycisk, aby w razie potrzeby zresetować OPcache.
Settings & Options
| Ustawienie | Co kontroluje |
|---|---|
| Widok ustawień OPcache | Wyświetl zużycie pamięci, współczynnik trafień i liczbę skryptów w pamięci podręcznej. |
Tips & Best Practices
- Regularnie sprawdzaj wskaźniki wydajności pamięci podręcznej, aby mieć pewność, że witryna działa wydajnie.
- Odśwież statystyki statusu, aby zobaczyć najbardziej aktualne informacje o wydajności.
- Zresetuj OPcache za każdym razem, gdy chcesz wyczyścić zapisane skrypty i zastosować aktualizacje.
Menedżer podstawowych funkcji WordPress
Co to robi
Menedżer funkcji WordPress Core pomaga wyłączyć niechciane podstawowe funkcje WordPress, wzdęcia i telemetrię. Pozwala oczyścić głowę witryny i zmniejszyć powierzchnię ataku, wyłączając niepotrzebne wbudowane funkcje.
Jak z niego korzystać
- Przejdź do sekcji Menedżer funkcji i wybierz kartę WordPress.
- Przełącz podstawowe przełączniki funkcji dla elementów, które chcesz wyłączyć.
- Zapisz podstawowe ustawienia WordPress, aby zastosować zmiany.
Settings & Options
| Ustawienie | Co kontroluje |
|---|---|
| Wyłącz emotikony | Usuń skrypty i style emoji WordPress z głowy. |
| Wyłącz osadzanie | Wyłącz łącza wykrywania oEmbed i punkty końcowe osadzania interfejsu API REST. |
| Wyłącz XML-RPC | Zamknij żądania protokołu XML-RPC. |
| Wyłącz kanały RSS | Usuń linki do kanałów i wyłącz generowanie kanałów. |
Tips & Best Practices
- Przed wyłączeniem funkcji sprawdź wymagania swojej witryny, aby upewnić się, że nie wyłączysz funkcjonalności, na których polegają odwiedzający lub integracje.
- Wyłączenie nieużywanych funkcji, takich jak XML-RPC i osadzanie, to świetny sposób na zmniejszenie powierzchni ataku w witrynie.
- Wyłączenie niepotrzebnych skryptów, takich jak emoji, pomaga uporządkować witrynę i zapewnić jej prostszą konfigurację.
WooCommerce Store Modes & Cleanup
Co to robi
Usprawnij WooCommerce, wyłączając nieużywane funkcje sklepu, skrypty i wzdęcia. Ta funkcja zapobiega ładowaniu niepotrzebnych elementów na stronach, na których nie są potrzebne.
Jak z niego korzystać
- Przejdź do sekcji Menedżer funkcji.
- Wybierz WooCommerce, a następnie otwórz zakładkę Tryby.
- Przełącz przełączniki funkcji WooCommerce zgodnie z potrzebami.
- Zapisz ustawienia trybu WooCommerce.
Settings & Options
| Ustawienie | Co kontroluje |
|---|---|
| Wyłącz fragmenty koszyka | Wyłącz żądania AJAX wc-cart-fragments na stronach innych niż sklep. |
| Disable WooCommerce Styles & Scripts | Usuń CSS/JS frontonu WooCommerce ze stron innych niż sklepy. |
| Wyłącz marki WooCommerce | Zabij pakiet/rozszerzenie WooCommerce Brands. |
Tips & Best Practices
- Przełącz optymalizacje WooCommerce dla całego sklepu, aby zapobiec ładowaniu fragmentów koszyka w postach na blogu lub stronach statycznych.
- Zatrzymaj ładowanie skryptów sklepu na stronach, które ich nie potrzebują, aby Twoja witryna działała sprawnie.
- Po wprowadzeniu zmian przejrzyj ustawienia, aby upewnić się, że strony Twojego sklepu wyświetlają się poprawnie.
Menedżer zasobów WooCommerce
Co to robi
Menedżer zasobów WooCommerce pozwala kontrolować ładowanie określonych skryptów i arkuszy stylów WooCommerce na stronach sklepu. Możesz dostosować, które zasoby WooCommerce ładują się na określonych stronach, aby zoptymalizować swój sklep.
Jak z niego korzystać
- Przejdź do sekcji Menedżer funkcji.
- Wybierz opcję WooCommerce i kliknij zakładkę Zasoby.
- Skonfiguruj reguły ładowania zasobów WooCommerce.
- Kliknij przycisk Zapisz, aby zapisać reguły dotyczące zasobów.
Settings & Options
| Ustawienie | Co kontroluje |
|---|---|
| Zasady dotyczące zasobów WooCommerce | Warunkowo wyłącza określone uchwyty skryptu i stylu WooCommerce. |
Tips & Best Practices
- Przejrzyj strony swojego sklepu po zaktualizowaniu reguł dotyczących zasobów, aby upewnić się, że wszystko wyświetla się i działa poprawnie.
- Wyłączaj tylko skrypty i arkusze stylów, co do których masz pewność, że nie są potrzebne na określonych stronach.
- Nie spiesz się podczas konfigurowania reguł, aby Twój sklep działał sprawnie.
Zaplanowane zadania WooCommerce (Cron)
Co to robi
Zarządzaj i optymalizuj zaplanowane zadania w tle WooCommerce i kolejki harmonogramu działań. Przejrzyj kolejki zadań w tle WooCommerce i wyczyść stare dzienniki harmonogramu działań, aby zapewnić płynne działanie sklepu.
Jak z niego korzystać
- Przejdź do sekcji Menedżer funkcji, wybierz WooCommercei otwórz plik Zaplanowane zadania patka.
- Przejrzyj kolejki zadań w tle i skonfiguruj swoje preferencje.
- Uruchom ręcznie oczekujące akcje lub w razie potrzeby usuń zakończone dzienniki akcji.
- Kliknij Zapisz ustawienia crona przycisk, aby zastosować zmiany.
Settings & Options
| Ustawienie | Co kontroluje |
|---|---|
| Dostrajanie harmonogramu akcji | Skonfiguruj rozmiar partii i okres przechowywania działań ukończonych/nieudanych. |
Tips & Best Practices
- Regularnie czyść stare dzienniki harmonogramu działań, usuwając ukończone dzienniki działań, aby utrzymać porządek w systemie.
- Jeśli chcesz natychmiast przetworzyć zadania w tle, użyj ręcznego uruchomienia oczekujących akcji.
- Dostosuj ustawienia dostrajania Harmonogramu akcji, aby zoptymalizować sposób obsługi rozmiarów partii i okresów przechowywania w Twoim sklepie.
Kontrola wzdęć administratora WooCommerce
Wyłącz widżety panelu administracyjnego WooCommerce, raporty analityczne i powiadomienia marketingowe.
Optymalizator poczty e-mail WooCommerce
Zoptymalizuj e-maile transakcyjne WooCommerce i wyłącz niepotrzebne wyzwalacze e-maili.