Autoptimize – Auto optymalizacja

Najczęściej zadawane pytania

Co robi wtyczka, aby przyspieszyć działanie mojej witryny?

Minimalizuje wszystkie skrypty i style oraz konfiguruje twój serwer WWW tak, aby skompresował je z dobrymi nagłówkami wygasania. JavaScript będzie domyślnie nie blokujący renderowania, a CSS może być również przez dodanie krytycznego CSS. Możesz go skonfigurować tak, aby łączył (agregował) pliki CSS i JS, w których style są przenoszone do nagłówka strony, a skrypty do stopki. Minimalizuje również kod HTML, a także może optymalizować obrazki i kroje pisma Google, dzięki czemu twoja strona jest naprawdę lekka.

Ale używam HTTP/2, więc nie potrzebuję Autoptimize?

HTTP/2 to z pewnością wielki krok naprzód, znacznie redukujący wpływ wielu żądań z tego samego serwera poprzez wykorzystanie tego samego połączenia do wykonania kilku równoczesnych żądań i z tego powodu w nowych instalacjach Autoptimize nie będzie już agregować plików CSS i JS. To powiedziawszy, łączenie CSS/JS nadal może mieć wiele sensu, jak opisano w tym artykule css-tricks.com i tym wpisie na blogu jednego z inżynierów Ebay. Wniosek: skonfiguruj, przetestuj, skonfiguruj ponownie, przetestuj ponownie, dostosuj i sprawdź, co działa najlepiej w Twoim kontekście. Może to tylko HTTP/2, może to HTTP/2 + agregacja i minifikacja, może to HTTP/2 + minifikacja (co AO również potrafi, po prostu odznacz opcje „agreguj pliki JS” i/lub „agreguj pliki CSS”). Autoptimize potrafi o wiele więcej niż „tylko” optymalizowanie JS i CSS, oczywiście 😉

Czy to zadziała z moim blogiem?

Chociaż Autoptimize jest dostarczany bez żadnych gwarancji, ogólnie będzie działał bezbłędnie, jeśli skonfigurujesz go poprawnie. Zobacz „Rozwiązywanie problemów” poniżej, aby uzyskać informacje na temat konfiguracji w przypadku problemów. Jeśli chcesz, możesz przetestować Autoptimize na nowej, bezpłatnej witrynie atrapy, dzięki uprzejmości smakwp.com.

Dlaczego jquery.min.js nie jest zoptymalizowany podczas agregacji kodu JavaScript?

Począwszy od AO 2.1 rdzeń WordPressa jquery.min.js nie jest zoptymalizowany z prostego powodu: wiele popularnych wtyczek wstrzykuje w treść JS, który również nie jest agregowany (z powodu możliwych problemów z rozmiarem pamięci podręcznej przy unikatowym kodzie w treści JS), co polega na dostępności jquery, więc wykluczenie jquery.min.js zapewnia, że ​​większość witryn będzie działać od razu. Jeśli chcesz również zoptymalizować jquery, możesz usunąć go z listy wykluczeń optymalizacji JS (możesz musieć włączyć również „also aggregate inline JS” lub przełączyć się na „force JS in head”).

Dlaczego Autoptimizowany JS blokuje renderowanie?

Dzieje się tak, gdy agreguje JavaScript i zaznacza opcję „wymuś w nagłóku” lub gdy nie agreguje i nie odracza. Rozważ zmianę ustawień.

Dlaczego autoptimizowany CSS ciągle jest wywoływany jako blokujący renderowanie?

Przy domyślnej konfiguracji Autoptimize, CSS jest połączony w nagłówku, co jest bezpiecznym domyślnym ustawieniem, ale Google PageSpeed Insights na to narzeka. Możesz zajrzeć do opcji „wbuduj cały CSS” (łatwiej) lub „wbuduj i odrocz CSS” (lepiej), które są również wyjaśnione w tym FAQ.

Do czego służą „wbudowany i opóźniony CSS”?

CSS generalnie powinno być w nagłówku dokumentu. Ostatnio a.o. Google zaczęło promować odkładanie nieistotnego CSS, podczas gdy wstawiało style potrzebne do zbudowania strony nad zagięciem. Jest to szczególnie ważne, aby renderować strony tak szybko, jak to możliwe na urządzeniach mobilnych. Od Autoptimize 1.9.0 jest to proste; wybierz „wbudowane i opóźnione CSS”, wklej blok „CSS nad zagięciem” w polu wprowadzania (obszar tekstowy) i gotowe!

Ale jak można dowiedzieć się, czym jest CSS „nad zgięciem” (above the fold)?

Nie ma prostego rozwiązania, ponieważ „nad zagięciem” zależy od tego, gdzie jest zagięcie, co z kolei zależy od rozmiaru ekranu. Istnieją jednak pewne narzędzia, które próbują zidentyfikować, co jest „nad zagięciem”. Ta lista narzędzi jest świetnym punktem wyjścia. Generator krytycznego CSS Sitelocity i Krytyczny generator CSS Jonasa Ohlssona to dobre podstawowe rozwiązania, a http://criticalcss.com/ to rozwiązanie Premium tego samego Jonasa Ohlssona. Alternatywnie ten bookmarklet (tylko Chrome) również może być pomocny.

Czy może powinienem wbudować cały CSS?

Krótka odpowiedź: prawdopodobnie nie. Aczkolwiek wstawianie całego CSS spowoduje że CSS nie będzie blokował renderowania. Spowoduje też że twój bazowa strona HTML będzie znacząco większa przez co wymagać będzie więcej „czasu”. Co więcej biorąc pod uwagę że wiele stron jest pobieranych w trakcie jednej sesji wstawiony CSS przesyłany jest za każdym razem, natomiast niewstawiony będzie pobrany z pamięci podręcznej. Wreszcie wstawiony CSS przesunie meta-tagi w HTML niżej w miejsce gdzie Facebook lub Whatsapp może już ich nie szukać psując np. ikony w trakcie udostępniania przez te platformy.

Moja pamięć podręczna robi się bardzo duża, czy Autoptimize nie czyści pamięci podręcznej?

Autoptimize nie ma właściwego mechanizmu czyszczenia pamięci podręcznej, ponieważ mogłoby to usunąć zoptymalizowane CSS/JS, do których nadal odwołują się inne pamięci podręczne, co zepsułoby Twoją witrynę. Ponadto szybko rosnąca pamięć podręczna wskazuje na inne problemy, których powinieneś unikać.

Zamiast tego możesz utrzymać rozmiar pamięci podręcznej na akceptowalnym poziomie, wykonując jedną z następujących czynności:

• dezaktywacja opcji „agreguj wbudowany JS” i/lub „agreguj wbudowany CSS”
• z wyłączeniem zmiennych JS (lub czasami selektorów CSS), które zmieniają się na podstawie strony (lub wczytywania strony). Możesz przeczytać, jak to zrobić w tym wpisie na blogu.

Pomimo powyższych zastrzeżeń istnieją rozwiązania innych firm umożliwiające automatyczne czyszczenie pamięci podręcznej AO, np. za pomocą tego kodu lub tej wtyczki, ale z powodów podanych powyżej należy z nich korzystać tylko wtedy, gdy naprawdę wiesz, co robisz.

„Opróżnij pamięć podręczną” wydaje się nie działać?

Po kliknięciu linku „Usuń pamięć podręczną” w menu rozwijanym Autoptimize na pasku narzędzi administratora może pojawić się komunikat „Twoja pamięć podręczna mogła nie zostać pomyślnie wyczyszczona”. W takim przypadku przejdź do strony ustawień Autoptimize i kliknij przycisk „Zapisz zmiany i wyczyść pamięć podręczną”.

Co więcej, nie martw się, jeśli pamięć podręczna nigdy nie osiągnie rozmiaru 0 plików/0 KB, ponieważ Autoptimize (od wersji 2.2) automatycznie wstępnie załaduje pamięć podręczną natychmiast po jej wyczyszczeniu, co znacznie przyspieszy dalszą minifikację.

Moja witryna wygląda na uszkodzoną kiedy opróżnię pamięć podręczną Autoptimize!

Podczas czyszczenia pamięci podręcznej AO żadna pamięć podręczna stron nie powinna zawierać stron (HTML) odwołujących się do usuniętego zoptymalizowanego CSS/JS. Chociaż w tym celu istnieje integracja między Autoptimize a niektórymi pamięciami podręcznymi stron, ta integracja nie obejmuje 100% ustawień, więc może być konieczne ręczne wyczyszczenie pamięci podręcznej strony.

Czy mogę ciągle używać Cloudflare Rocket Loader?

Cloudflare Rocket Loader to dość zaawansowany, ale inwazyjny sposób na to, aby JavaScript nie blokował renderowania, co Cloudflare nadal uważa za wersję Beta. Czasami Autoptimize i Rocket Loader współpracują ze sobą, czasami nie. Najlepszym podejściem jest wyłączenie Rocket Loader, skonfigurowanie Autoptimize i ponowne włączenie Rocket Loader (jeśli uważasz, że to może pomóc) i sprawdzenie, czy wszystko nadal działa.

W tej chwili (czerwiec 2017) wygląda na to, że RocketLoader może uszkodzić „inline & defer CSS” AO, który opiera się na loadCSS firmy Filamentgroup, co spowoduje, że odroczony CSS nie zostanie wczytany.

Wypróbowałem Autoptimize ale mój wynik Google Pagespeed ledwo się poprawił

Autoptimize nie jest prostą wtyczką „napraw moje problemy z Pagespeed”; „tylko” agreguje i minimalizuje (lokalny) JS i CSS oraz obrazki i pozwala na kilka fajnych dodatków, takich jak usuwanie krojów pisma Google i odraczanie wczytywania CSS. W związku z tym Autoptimize pozwoli Ci poprawić wydajność (czas wczytywania mierzony w sekundach) i prawdopodobnie pomoże Ci również uporać się z niektórymi konkretnymi ostrzeżeniami Pagespeed. Jeśli chcesz poprawić się jeszcze bardziej, prawdopodobnie będziesz musiał również przyjrzeć się np. buforowaniu stron i konfiguracji swojego serwera WWW, co poprawi rzeczywistą wydajność (ponownie, czas wczytywania mierzony np. przez https://webpagetest.org) i Twoje oceny „najlepszych praktyk wydajnościowych” szybkości strony.

Co mogę zrobić za pomocą API?

Bardzo dużo; istnieją filtry, których można używać do warunkowego wyłączania Autoptimize dla każdego żądania, do zmiany wykluczeń CSS i JS, do zmiany limitu wstawiania obrazków tła CSS do kodu CSS, do definiowania, które pliki JS mają być przenoszone za zagregowane, do zmiany atrybutu defer w zagregowanym znaczniku skryptu JS… Przykłady niektórych filtrów można znaleźć w pliku autoptimize_helper.php_example oraz w tym FAQ.

Jak działa CDN?

Począwszy od wersji 1.7.0, CDN jest włączony po wejściu do katalogu głównego bloga CDN (np. http://cdn.example.net/wordpress/). Jeśli ten adres URL jest obecny, będzie używany dla wszystkich plików generowanych przez Autoptimize (tj. zagregowanych CSS i JS), w tym background-images w CSS (gdy nie są używane data-uri).

Jeśli chcesz, aby Twoje przesłane obrazki również znalazły się w CDN, możesz zmienić upload_url_path w konfiguracji WordPress (/wp-admin/options.php) na docelowy katalog przesyłania CDN (np. http://cdn.example.net/wordpress/wp-content/uploads/). Weź pod uwagę, że działa to tylko w przypadku obrazków przesłanych od tego momentu, a nie w przypadku obrazków, które zostały już przesłane. Dzięki BeautyPirate za wskazówkę!

Dlaczego moje kroje pisma nie są również umieszczone na CDN?

Autoptimize obsługuje tę funkcję, ale nie jest ona domyślnie włączona, ponieważ kroje pisma nielokalne mogą wymagać dodatkowej konfiguracji. Ale jeśli masz uporządkowaną politykę żądań między domenowych, możesz polecić Autoptimize umieszczenie krojów pisma w CDN, łącząc się z API i ustawiając autoptimize_filter_css_fonts_cdn na true w ten sposób;

add_filter( 'autoptimize_filter_css_fonts_cdn', '__return_true' );

Używam Cloudflare, co mam wpisać jako katalog główny CDN

Nic. Będąc na Cloudflare, Twój automatycznie zoptymalizowany kod CSS/JS automatycznie trafia do CDN Cloudflare.

Jak mogę wymusić, aby agregowane pliki były statycznymi plikami CSS lub JS zamiast PHP?

Jeśli twój serwer WWW jest poprawnie skonfigurowany do obsługi kompresji (gzip lub deflate) i wygasania pamięci podręcznej (wygasa i kontroluje pamięć podręczną z wystarczającą możliwością buforowania), nie potrzebujesz Autoptimize, aby się tym zajął. W takim przypadku możesz zaznaczyć opcję „Zapisz zagregowany skrypt/css jako pliki statyczne?”, która wymusi na Autoptimize zapisanie zagregowanych plików jako plików .css i .js (co oznacza, że ​​PHP nie jest potrzebne do obsługi tych plików). To ustawienie jest domyślne od Autoptimize 1.8.

Jak działa „wykluczanie z optymalizacji”?

Zarówno optymalizacja CSS, jak i JS może pominąć agregowanie i minimalizowanie kodu poprzez dodanie „identyfikatorów” do listy wykluczeń rozdzielonych przecinkami. Dokładny ciąg identyfikatora do użycia można ustalić w ten sposób:

• jeśli chcesz wykluczyć konkretny plik, np. wp-content/plugins/funkyplugin/css/style.css, możesz po prostu wykluczyć „funkyplugin/css/style.css”
• jeśli chcesz wykluczyć wszystkie pliki konkretnej wtyczki, np. wp-content/plugins/funkyplugin/js/*, możesz wykluczyć na przykład „funkyplugin/js/” lub „plugins/funkyplugin”
• jeśli chcesz wykluczyć kod wbudowany, musisz znaleźć konkretny, unikatowy ciąg w tym bloku kodu i dodać go do listy wykluczeń. Przykład: aby wykluczyć <script>funky_data='Won\'t you take me to, Funky Town'</script>, identyfikatorem jest „funky_data”.

Rozwiązywanie problemów z Autoptimize

Zajrzyj do instrukcji rozwiązywania problemów na https://blog.futtta.be/2022/05/05/what-to-do-when-autoptimize-breaks-your-site/

Wykluczyłem pliki ale one są dalej autoptymizowane?

AO minimalizuje wykluczony JS/CSS, jeśli nazwa pliku wskazuje, że plik nie został jeszcze zminimalizowany. Od wersji AO 2.5 można to wyłączyć na karcie „JS, CSS i HTML” w sekcji różnych opcji, odznaczając „zminimalizuj wykluczone pliki”.

Pomocy, mam pustą stronę lub wewnętrzny błąd serwera po włączeniu Autoptimize!!

Upewnij się, że nie używasz innych wtyczek minifikacji HTML, CSS lub JS (minify BWP, minify WP, …) jednocześnie z funkcją Autoptimize lub wyłącz tę funkcję wtyczki do buforowania stron (W3 Total Cache, WP Fastest Cache, …) . Spróbuj włączyć tylko optymalizację CSS lub tylko JS, aby zobaczyć, który z nich powoduje błąd serwera, i wykonaj ogólne kroki rozwiązywania problemów, aby znaleźć rozwiązanie.

Ale nadal mam puste, autoptimizowane pliki CSS lub JS!

Jeśli używasz Apache, plik .htaccess napisany przez Autoptimize może w niektórych przypadkach kolidować z ustawieniami AllowOverrides konfiguracji Apache (jak to ma miejsce w przypadku domyślnej konfiguracji niektórych instalacji Ubuntu), co powoduje „wewnętrzne błędy serwera” w plikach CSS i JS autoptimize. Można to rozwiązać, ustawiając AllowOverrides na All.

Nie mogę zalogować się na witrynach mapowanych domenowo

Wielowitrynowe instalacje mapowane na domenę wymagają inicjalizacji funkcji Autoptimize w innej akcji WordPress, dodaj ten wiersz kodu do swojego wp-config.php, aby podłączyć go do setup_theme, na przykład:

define( 'AUTOPTIMIZE_SETUP_INITHOOK', 'setup_theme' );

Nie pojawia się błąd, ale moje strony w ogóle nie są zoptymalizowane?

Autoptimize wykonuje szereg testów przed faktyczną optymalizacją. Jeśli spełniony jest jeden z poniższych warunków, Twoje strony nie zostaną zoptymalizowane:

• kiedy w konfiguratorze
• jeśli nie ma otwierającego tagu <html
• jeśli w odpowiedzi znajduje się <xsl:stylesheet (wskazując, że dane wyjściowe to nie HTML, ale XML)
• jeśli odpowiedź zawiera <html amp (ponieważ strony AMP są już zoptymalizowane)
• jeśli wyjściem jest kanał RSS (funkcja is_feed())
• jeśli wynikiem jest strona administracyjna WordPressa (funkcja is_admin())
• jeśli strona jest żądana z ?ao_noptimize=1 dołączonym do adresu URL
• jeśli kod łączy się z Autoptimize, aby wyłączyć optymalizację (patrz temat dotyczący Visual Composer)
• jeśli inne wtyczki używają bufora wyjściowego w niekompatybilny sposób (wyłącz po kolei inne wtyczki, aby zidentyfikować winowajcę)

Visual Composer, Beaver Builder lub inne podobne rozwiązania do budowy stron są zepsute!!

Wyłącz opcję aby Autoptimize był aktywny dla zalogowanych użytkowników i zaszalej z przeciąganiem i upuszczaniem 😉

Pomocy, mój sklep kasa/płatność nie działa!!

Wyłącz opcję optymalizacji stron koszyka / kasy (działa dla WooCommerce, Easy Digital Downloads i WP eCommerce).

Revolution Slider jest zepsuty!

Upewnij się, że js/jquery/jquery.min.js znajduje się na rozdzielonej przecinkami liście wykluczeń optymalizacji JS (jest to wykluczone w konfiguracji domyślnej).

Pojawiają się błędy „jQuery is not defined”

W takim przypadku masz niezagregowany kod JavaScript, który wymaga wczytania jQuery, więc musisz dodać js/jquery/jquery.min.js do rozdzielonej przecinkami listy wykluczeń optymalizacji JS.

Używam galerii NextGen i wiele JS nie jest agregowanych/ minifikowanych?

NextGen Galleries robi kilka fajnych rzeczy, aby dodać JavaScript. Aby Autoptimize mógł to agregować, możesz albo wyłączyć zarządzanie zasobami Nextgen Gallery za pomocą tego fragmentu kodu add_filter( 'run_ngg_resource_manager', '__return_false' );, albo możesz powiedzieć Autoptimize, aby zainicjował się wcześniej, dodając to do swojego wp-config.php: define("AUTOPTIMIZE_INIT_EARLIER","true");

Co to jest noptimize?

Od wersji 1.6.6 Autoptimize nie optymizuje wszystkiego pomiędzy tagami nooptimize, n.p.:
<!--noptimize--><script>alert(’to nie zostanie zautoptimizowane’);</script><!--/noptimize-->

Możesz to zrobić w treści swojej strony/wpisu, w widżetach i plikach motywu (rozważ utworzenie motywu potomnego, aby uniknąć nadpisania swojej pracy przez aktualizacje motywu).

Czy mogę zmienić lokalizację i nazwy plików Autoptimize zapisanych do pamięci podręcznej?

Tak, jeśli chcesz serwować pliki z np. /wp-content/resources/aggregated_12345.css zamiast domyślnego /wp-content/cache/autoptimize/autoptimize_12345.css, dodaj to do wp-config.php:

define('AUTOPTIMIZE_CACHE_CHILD_DIR','/resources/');
define('AUTOPTIMIZE_CACHEFILE_PREFIX','aggregated_');

Czy to będzie działało z nie-domyślnym WP_CONTENT_URL ?

Nie, Autoptimize standardowo nie obsługuje niestandardowego WP_CONTENT_URL, ale można to osiągnąć za pomocą kilku linii kodu podpiętego do Autoptimize API.

Czy wygenerowany JS/CSS może być wstępnie skompresowany?

Tak, ale ta opcja jest domyślnie wyłączona. Możesz ją włączyć, przekazując ´true´ do ´autoptimize_filter_cache_create_static_gzip´. Oczywiście nadal będziesz musiał skonfigurować swój serwer WWW, aby używał tych plików zamiast tych nieskompresowanych gzipem, aby uniknąć narzutu kompresji w locie.

Co robi „usuń emoji”?

Ta nowa opcja w Autoptimize 2.3, która usuwa wbudowany CSS, wbudowany JS i połączony plik JS dodane przez WordPress. W związku z tym może mieć niewielki pozytywny wpływ na wydajność Twojej witryny.

Czy „usuwanie ciągu zapytania” jest przydatne?

Chociaż niektóre narzędzia do oceny wydajności online będą wskazywać „ciągi zapytań dla plików statycznych” jako problem z wydajnością, ogólnie rzecz biorąc, ich wpływ prawie nie istnieje. W związku z tym funkcja Autooptimize, od wersji 2.3, umożliwia usunięcie ciągu zapytania (a dokładniej parametru „ver”), ale zaznaczenie „usuń ciągi zapytań z zasobów statycznych” będzie miało niewielki lub żaden wpływ na wydajność witryny, ponieważ mierzone w (mili-)sekundach.

(Jak) powinienem optymalizować Google Fonts?

Google Fonts są zazwyczaj wczytywane przez połączony plik CSS, który blokuje renderowanie. Jeśli masz motyw i wtyczki korzystające z czcionek Google, możesz skończyć z wieloma takimi plikami CSS. Autoptimize (od wersji 2.3) pozwala teraz zmniejszyć wpływ Google Fonts, usuwając je całkowicie lub optymalizując sposób ich wczytywania. Istnieją dwa sposoby optymalizacji; pierwszy to „połącz i łącz”, który zamienia wszystkie żądania dotyczące Google Fonts w jedno żądanie, które nadal będzie blokować renderowanie, ale umożliwi natychmiastowe załadowanie krojów pisma (oznacza to, że kroje pisma nie będą się zmieniać w trakcie wczytywania strony). Alternatywą jest „łączenie i wczytywanie asynchroniczne”, które wykorzystuje JavaScript do wczytywania krojów pisma bez blokowania renderowania, ale może powodować „błysk tekstu bez stylu”.

Czy powinienem używać „preconnect”?

Preconnect to nieco zaawansowana funkcja, która instruuje przeglądarki (jeśli je obsługują), aby nawiązywały połączenie z określonymi domenami, nawet jeśli połączenie nie jest natychmiast potrzebne. Można to wykorzystać m.in. aby zmniejszyć wpływ zasobów stron trzecich na HTTPS (ponieważ żądanie DNS, połączenie TCP i negocjacja SSL/TLS są wykonywane wcześnie). Używaj ostrożnie, ponieważ wstępne łączenie się ze zbyt wieloma domenami może przynieść efekt przeciwny do zamierzonego.

Kiedy (nie)mogę używać asynchronicznego JS?

Pliki JavaScript, które nie są autoptimizowane (ponieważ zostały wykluczone lub są hostowane w innym miejscu) zazwyczaj blokują renderowanie. Dzięki dodaniu ich, oddzielonych przecinkami, w polu „async JS”, Autoptimize doda flagę async powodującą, że przeglądarka wczytuje te pliki asynchronicznie (tj. nie blokując wyświetlania). Może to jednak zepsuć twoją witrynę (stronę), np. jeśli asynchronicznie wykonasz „js/jquery/jquery.min.js”, najprawdopodobniej otrzymasz błędy „jQuery nie jest zdefiniowane”. Używaj ostrożnie.

Jak działa optymalizacja obrazków?

Kiedy optymalizacja obrazków jest włączona, Autoptimize będzie szukał plików png, gif, jpeg (.jpg) w tagach obrazków oraz w twoich plikach CSS, które są wczytywane z twojej własnej domeny i zmieniał dla nich src (źródło) na sieć CDN ShortPixel. Ważne: to zadziała tylko dla publicznie dostępnych obrazków, w przeciwnym wypadku proxy optymalizujące obrazki nie będzie w stanie ich pobrać celem optymalizacji. Z tego powodu firewalle, proxy, ochrona hasłem lub nawet ochrona przez hotlinkowaniem może przerwać działanie usługi optymalizacji.

Czy mogę użyć optymalizacji obrazków dla mojej intranetowej/zabezpieczonej strony?

Nie; Optymalizacja obrazków polega na możliwości żeby zewnętrzna usługa optymalizująca obrazki pobrała oryginalne obrazki z twojej strony, zoptymalizowała je i zachowała w sieci CDN. Jeżeli twoje obrazki nie mogą być pobrane przez anonimowych gości (z powodu firewall / proxy / ochrony hasłem / ochrony przed hotlinkowaniem), optymalizacja obrazków nie zadziała.

Gdzie mogę uzyskać więcej informacji na temat optymalizacji obrazków?

Zajrzyj do FAQ-a Shortpixel.

Czy mogę wyłączyć nasłuchiwanie oczyszczania pamięci podręcznej witryny przez AO?

Od wersji AO 2.4 AO „nasłuchuje” sygnału czyszczenia pamięci podręcznej strony, aby wyczyścić własną pamięć podręczną. Możesz wyłączyć to zachowanie za pomocą tego filtra;

add_filter('autoptimize_filter_main_hookpagecachepurge','__return_false');

Niektóre znaki nie-ASCII znikną po optymalizacji.

Domyślnie AO używa metod, które nie są bezpieczne dla wielu bajtów, ale jeśli twój PHP ma rozszerzenie mbstring, możesz włączyć funkcje łańcuchów bezpieczne dla wielu bajtów za pomocą tego filtra;

add_filter('autoptimize_filter_main_use_mbstring', '__return_true');

Nie mogę uruchomić Critical CSS

Sprawdź Najczęściej zadawane pytania na temat (starszego) „ulepszenia” tutaj, te informacje zostaną włączone do tego FAQ w późniejszym terminie.

Czy nadal potrzebuję ulepszeń Critical CSS, gdy mam Autoptimize 2.7 lub nowszy?

Nie, ulepszenie Critical CSS nie jest już potrzebna, cała funkcjonalność (i wiele poprawek/ulepszeń) jest teraz częścią Autoptimize.

Co robi „włącz awaryjne błędy 404”? Dlaczego miałbym tego potrzebować?

Autoptimize buforuje zagregowane i zoptymalizowany CSS/JS, a linki do tych zbuforowanych plików przechowywane są w kodzie HTML, który będzie przechowywany w pamięci podręcznej strony (która może być wtyczką, może znajdować się na poziomie hosta, może znajdować się na stronie trzeciej, w pamięci podręcznej Google, lub w przeglądarce). Jeśli w pamięci podręcznej strony znajduje się kod HTML, który zawiera linki do Autoptimizowanego CSS/ JS, który został w międzyczasie usunięty (kiedy pamięć podręczna została wyczyszczona), strona z pamięci podręcznej nie będzie wyglądać/ działać zgodnie z oczekiwaniami, ponieważ nie znaleziono CSS lub JS (błąd 404).

To ustawienie ma na celu zapobieganie awariom poprzez udostępnianie „zastępczego” CSS lub JS. Pliki zastępcze są kopiami pierwszego zoptymalizowanego kodu CSS i plików JS utworzonych po opróżnieniu pamięci podręcznej i jako takie będą oparte na stronie głównej. Oznacza to, że CSS/JS może nie pasować w 100% do innych stron, ale przynajmniej wpływ braku CSS/JS będzie zmniejszony (często znacząco).

Kiedy ta opcja jest włączona, Autoptimize dodaje ErrorDocument 404 do .htaccess (używana przez Apache) oraz podłącza się do Wordpresowego template_redirect aby przechwycić 404’ki obsługiwane przez WordPress. Kiedy używasz NGINX coś jak poniżej powinno zadziałać (nie jestem specjalistą od NGINX, ale u mnie to działa);

location ~* /wp-content/cache/autoptimize/.*\.(js|css)$ {
    try_files $uri $uri/ /wp-content/autoptimize_404_handler.php;
}

I to fajne alternatywne podejście (dostarczone przez fboylovesyou);

location ~* /wp-content/cache/autoptimize/.*\.(css)$ {
    try_files $uri $uri/ /wp-content/cache/autoptimize/css/autoptimize_fallback.css;
}
location ~* /wp-content/cache/autoptimize/.*\.(js)$ {
    try_files $uri $uri/ /wp-content/cache/autoptimize/js/autoptimize_fallback.js;
}

Jakie oprogramowanie/projekty open source zostały wykorzystane w Autoptimize?

Następujące świetne projekty open source są używane w Autoptimize takiej czy innej formie:

• Mr Clay’s Minify do minimalizacji JS i HTML
• YUI CSS compressor PHP Port do minimalizacji CSS
• Lazysizes do lazyload
• Persist Admin Notices Dismissal do wyświetlania powiadomień na ekranach administracyjnych
• Plugin Update Checker do automatycznej aktualizacji wersji beta z Githuba.
• LoadCSS do opóźniania pełnego CSS
• jQuery cookie aby przechowywać wybory z kategorii „futtta about” w ciasteczku
• jQuery tablesorter do wyświetlania reguł/zadań critical CSS
• jQuery unslider do mini-suwaka w prawym-górnym narożniku głównej strony ustawień (repozytorium już nie istnieje)
• JavaScript-md5 do edycji reguł critical CSS
• Speed Booster Pack dla zaawansowanego opóźniania JS
• Wyłącz usuwanie krojów pisma Google, aby dodatkowo usunąć kroje pisma Google

Gdzie mogę uzyskać pomoc?

Możesz uzyskać pomoc na forum pomocy wordpress.org. Jeśli jesteś w 100% pewien, że Twój problem nie może zostać rozwiązany za pomocą konfiguracji Autoptimize i że faktycznie odkryłeś błąd w kodzie, możesz utworzyć problem na GitHub. Jeśli szukasz wsparcia Premium, sprawdź nasze usługi wsparcia Autoptimize Pro i optymalizacji wydajności sieci.

Chcę się wycofać, jak mam usunąć Autoptimize?

• Wyłącz wtyczkę (to usunie opcje i pamięć podręczną)
• Usuń wtyczkę
• Wyczyść pamięć podręczną, która może nadal zawierać strony odwołujące się do zoptymalizowanego automatycznie kodu CSS/JS (np. wtyczki do buforowania stron, takiej jak WP Super Cache).

Jak mogę pomóc/wnieść swój wkład?

Po prostu zforkuj Autoptimize na Github i koduj!