Zoptymalizuj czas ładowania WordPress w 20 sekund: wykorzystaj buforowanie przeglądarki

Instrukcje: Wymiana baterii w Ion Audio Blockrocker

Instrukcje dotyczące ikonJeśli edytujesz swojego bloga WordPress w narzędziach takich jak PageSpeed, Pingdom lub podobne kontrole, to często narzekają w swoich raportach na długi czas ładowania bloga, który można zoptymalizować między innymi za pomocą „buforowania przeglądarki”. Przeczytałem dokumenty pomocy, do których prowadzą linki, ale szczerze mówiąc, brakowało mi konkretnych instrukcji. Po odrobinie googlowania natknąłem się na wtyczki takie jak „W3 Razem Cache” i lajków, których jednak nie chciałem używać, ponieważ robią coraz więcej rzeczy w tle i nie chciałem ponownie testować całej witryny pod kątem funkcjonalności.

Wykorzystaj buforowanie przeglądarki bez wtyczki WordPress

Na szczęście był jeszcze jeden ciekawy artykuł w języku angielskim, który poinformował o „Leverage Browser Caching”, którą można aktywować w Wordpressie BEZ wtyczki. A cała akcja jest też cholernie szybka, bo wystarczy skopiować i wkleić kilka linijek z tej instrukcji do pliku htaccess WordPressa – całość naprawdę nie trwa dłużej niż 20 sekund. Aby to zrobić, po prostu dodaj następujące wiersze do istniejącego pliku .htaccess w głównym katalogu WordPress:

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 2 days"
</IfModule>
## EXPIRES CACHING ##

Dodaj te linie do pliku .htaccess poniżej małego bloku Wordpressa, który zwykle wygląda tak (NIE wklejaj tego kodu! Powinien już być w htaccess!):

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress

Jeśli chcesz to skonfigurować dla siebie, wykonaj test i sprawdź swoją witrynę PRZED i PO zmianach. Wtedy zobaczysz, co to przyniosło. Wystarczyło, żebym przeskoczył z 81 na 89 na 100 punktów. Oznacza to, że mój blog jest lepszy niż 78% wszystkich testowanych witryn. Cóż, "jestem szczęśliwy"! :)

Aktualizacja: Właśnie znalazłem inne „polecenie”, które również importuje pliki .js do plików .js Przeglądarka- Zawiera buforowanie. Doprowadziło to dla mnie do kolejnych 2 punktów plus dla Pingdom. Te wiersze są również zawarte w pliku .htaccess:

<filesMatch "\\.(js|js.gz)$">
Header set Cache-Control "max-age=604800, private"
</filesMatch>

Podobał Ci się artykuł i czy instrukcje na blogu Ci pomogły? Wtedy byłbym szczęśliwy, gdybyś bloga poprzez stałe członkostwo będzie wspierać.

70 odpowiedzi na „Zoptymalizuj czas ładowania WordPressa w 20 sekund: wykorzystaj buforowanie przeglądarki”

  1. Pingback: Skróć czas ładowania WordPressa: Usuń ciągi zapytań z zasobów statycznych » Sir Apfelot

  2. Teraz z paska adresu przeglądarki zniknęła tylko ikona fav. Wyświetlany jest tylko biały arkusz.

    Widzę, że tak też jest w Twoim przypadku. Ikona fav jest wyświetlana tylko w zakładce.

    Masz pomysł, jak to naprawić?

    1. sir appleot

      Cześć Mateusz! Szczerze mówiąc, wydaje się, że jest taki sam dla wszystkich stron w przeglądarce. Właśnie spojrzałem na duże witryny z gazetami codziennymi i nie mają już favikony w linii przeglądarki, ale w zakładce przeglądarki. Myślę, że to tylko problem z wyświetlaniem przeglądarki. Jeśli widzisz to inaczej, wyślij mi przykładową stronę, która wygląda inaczej. Może znajdziesz to w kodzie źródłowym. LG! sir appleot

  3. Wielkie dzięki za tę przydatną wskazówkę.
    Wskazówki działały bardzo dobrze.

    Wcześniej: Mobilny 57 / Komputer stacjonarny 71
    Buforowanie po obrazie: telefon komórkowy 67 / komputer stacjonarny 82
    Po buforowaniu .js: Mobile 70 / Desktop 85

  4. Cześć, złamanie znaku 90 byłoby świetne.
    Czy masz jakieś inne wskazówki, które mogą mi pomóc?
    Ja już ładuję JS w stopce zamiast w nagłówku i pamięci podręcznej za pomocą Cachify.
    W3 Total Cache okazał się zbyt potężny dla mojej niszowej witryny.
    Pozdrawiam David

    1. Cześć David!
      Przyjrzałem się pingdomowi, ale nie mam żadnych ogólnych rad na temat tego, co można ulepszyć po twojej stronie. To tylko dużo małych grafik, które pochłaniają czas. Można je było łączyć jedynie z tak zwanymi „spritami”. Widzisz to czasami na stronach takich jak Facebook czy coś. Wszystkie małe ikony są połączone w jedną grafikę, a wyświetlacz zawsze pokazuje tę samą grafikę z inną sekcją. Ale to byłoby dużo kombinowania.

  5. Gdzie by to było umieszczone dla plików .js, po prostu dodaj je do pliku .htaccess?

    Z góry dziękuję za odpowiedź i poradnik, który rozumiem :D

  6. Chapeau!

    Jestem nowicjuszem w Wordpressie.
    twoje wskazówki
    doprowadziłeś mnie do 95 na Pingdom
    po wszystkich innych wskazówkach, które wypróbowałem w htacces,
    otrzymałem tylko komunikat „odmowa dostępu”.
    DZIĘKI
    Powitanie
    Hermann

  7. BĘĘĘĘĘM!!! Od 68 do 97 punktów w klasie wydajności Pingdom i od 4sek do 768ms czasu ładowania. Dziękuję! :)

    Jednak dla mnie nie działa uwzględnianie plików .js w pamięci podręcznej przeglądarki. Jeśli wstawię wspomniane trzy linijki kodu do .htaccess, nic już nie działa... ale nie chcę teraz narzekać ;) Jestem naprawdę podekscytowany!

    1. Cóż, plik htaccess działa z niektórymi dostawcami, az innymi nie. Niestety nie mogę dać na to żadnej gwarancji. Ale z all inclusive działa dokładnie z kodem.

  8. Nigdy w życiu nie zostawiłem komentarza, ale:

    DZIĘKUJĘ !!!

    Od 20/81 do 100/100 w Google Page Speed ​​w 100 sekund!
    krakers!

  9. Witaj Sirapfelot,

    Chciałbym również podziękować, ponieważ moja strona została zrobiona trochę szybciej:
    Mobile od 58 do 61 i desktop od 79 do 83. Doświadczenie użytkownika Mam 98/100, cokolwiek to znaczy.
    Ogólnie życzyłbym sobie szybszego, ale wciąż poprawy. Jeśli uważasz, że naprawdę nie mam pojęcia o takich rzeczach… ;).

    Przed ponownym pomiarem pomniejszyłem też wszystkie moje zdjęcia, bo to też był powód, dla którego ludzie narzekali, ale wciąż otrzymuję komunikat, że powinienem zoptymalizować i skompresować zdjęcia. Wszystkie mają mniej niż 60 kb i nadal są za duże? W jakim % powinienem kompresować (wziąłem 80%)?

    Czy możesz mi też powiedzieć, jak mogę zredukować javascript? Nawet nie wiem, gdzie znaleźć coś takiego. Na to też się narzeka.

    Dziękuje za twój czas i uwagę
    LG
    Tina

    1. Witaj Tino! JavaScript może być zwykle zlecony na zewnątrz, więc w kodzie źródłowym można znaleźć tylko odniesienie do javascriptu. Wtyczka Cachify jest również pomocna, ponieważ może również zmniejszyć JavaScript, wyrzucając komentarze itp. Z kodu...

  10. Od 55 do 67 !!!!
    To naprawdę szalone.
    Wcześniej przetestowałem kilka rzeczy, które nigdy mnie nie satysfakcjonowały.
    Wtyczki itp. i zawsze było na co narzekać.
    Ale to takie proste... i zajęło tylko 10 sekund. :-)
    Świetna wskazówka. Bardzo dziękuję i przekażę to dalej.

    Pozdrowienia Heiko

    1. Dla wszystkich czytelników komentarzy, którzy chcą go wypróbować: Niestety Easyname nie obsługuje tego kodu, moja strona natychmiast przestała działać.

  11. Więc muszę jeszcze raz powiedzieć DZIĘKUJĘ, bo dzięki twoim wskazówkom i kilku innym informatykom, ja (kobieta, która ma ZERO (!) wskazówki na temat programowania = totalnie początkujący) dostałam moją stronę do 99/100 w Google Test prędkości. Cały czas chodzę z uśmiechem 360°. Tylko z MOBIL-em wciąż jestem na 79/100… ale niestety jest kilka niezmiennych powodów. Cóż, moja firma z pewnością nie jest tak często wyszukiwana w podróży.

    Więc panie i panowie nie poddawajcie się, w pewnym momencie to też będzie działać u was, inaczej chętnie Wam pomogę ;).

    Pozdrowienia z Bonn,
    Tina

  12. Witam,
    Obecnie przebudowuję bloga i optymalizuję czasy odpowiedzi.
    Dziękuję za Twój artykuł

    Mam jeszcze fragment. Zdobyto 3 punkty za analizę Pagespeed w systemie Windows

    # buforowanie

    Wygasa Aktywny w dniu
    ExpiresDefault „dostęp plus 2 tygodnie”
    Ustaw filtr wyjściowy DEFLATE

    mod_gzip_on Tak
    mod_gzip_dechunk Tak
    mod_gzip_item_include plik \.(html?|txt|css|js|php|pl)$
    moduł obsługi mod_gzip_item_include ^cgi-script$
    mod_gzip_item_include mime ^text/.*
    mod_gzip_item_include mime ^application/x-javascript.*
    mod_gzip_item_exclude mime ^image/.*
    mod_gzip_item_exclude rspheader ^Kodowanie treści:.*gzip.*

    # buforowanie

    działa to również bardzo dobrze na urządzeniach mobilnych +3 i stacjonarnych +4:

    Dołączanie nagłówka Vary User-Agent env=!dont-vary

    AddOutputFilterByType DEFLATE text/css text/x-component application/x-javascript application/javascript text/javascript text/x-js text/html text/richtext image/svg+xml text/plain text/xsd text/xsl text/xml image /x-icon application/json

    # DEFLATE przez rozszerzenie
    AddOutputFilter DEFLATE js css htm html xml

    1. sir appleot

      Drogi Uwe, drodzy czytelnicy!
      Zamieszczę tutaj kod bez sprawdzania go. Część z tego jest już brana pod uwagę powyżej, ale może pomoże to jednemu lub drugiemu trochę bardziej podrasować. :) Ale zawsze pamiętaj: właśnie przetestowałem to w powyższym kodzie w artykule. Jeśli na ślepo kopiujesz rzeczy do swojego pliku .htaccess, powinieneś najpierw zrobić kopię zapasową!

  13. Dzięki za świetną recenzję.
    Przyniosłeś mi coś wspaniałego. Następnie próbował włączyć kod Uwe. Wynik testu był fantastyczny, ale strona nie była już wtedy dostępna.
    Zaimplementowałem to teraz tak:
    AddHandler php53-cgi .php
    php_value memory_limit 256M
    wartość_php max_input_vars 10000

    ## WYGASZA CACHOWANIE ##

    ExpiresActive On
    ExpiresByType image/jpg „dostęp 1 rok”
    ExpiresByType image/jpeg „dostęp 1 rok”
    ExpiresByType obraz/gif „dostęp na 1 rok”
    ExpiresByType image/png „dostęp na 1 rok”
    ExpiresByType text/css „dostęp na 1 miesiąc”
    Aplikacja ExpiresByType/pdf „dostęp 1 miesiąc”
    ExpiresByType text/x-javascript „dostęp na 1 miesiąc”
    Aplikacja ExpiresByType/x-shockwave-flash „dostęp 1 miesiąc”
    ExpiresByType obraz/ikona x „dostęp na 1 rok”
    ExpiresDefault „dostęp 2 dni”

    ## WYGASZA CACHOWANIE ##

    Zestaw nagłówków Cache-Control „max-age=604800, private”

    # BEGIN WordPress

    RewriteEngine On
    RewriteBase /
    RewriteRule ^ index \ .php $ - [L]
    RewriteCond% {REQUEST_FILENAME}!-F
    RewriteCond% {REQUEST_FILENAME}!-D
    RewriteRule. /index.php [L]

    # END WordPress

    Nadal otrzymuję tę wiadomość:
    Wymagana naprawa:
    Wyeliminuj blokujące renderowanie zasoby JavaScript i CSS w treści widocznej na ekranie

    Jak inaczej mogę to rozwiązać?
    Dziękuję Urszulo

    1. sir appleot

      Witaj Urszulo!

      Problem z „ponad zakładką” nie jest tak łatwy do rozwiązania, ponieważ trzeba przenieść skrypty w dół kodu. Aby to zrobić, musisz ingerować w programowanie motywów, co w większości przypadków nie jest dobrym pomysłem, jeśli nie jesteś dobry w PHP/HTML. ja bym sobie nie ufała... :)

  14. Dzięki za wskazówkę, udało mi się obejść bez wtyczki. Im mniej wtyczek, tym lepiej.

    Więc zostawię to z optymalizacją.

    http://tools.pingdom.com/fpt/#!/dQ0MyL/https://fotografen-shopsystem.de

    Z serwera w Amsterdamie moja strona jest w Rozmiar strony 2.4MB Czas ładowania 1.04s
    Wnioski 39 i ocena wydajności 98/100.

    Twoja strona jest szybsza niż 89% wszystkich testowanych stron.

    Tak szybko jedzą. Zasadniczo zostawiam outsourcing Above CSS i wszystkie te rzeczy do tematów. To będzie problem ponownie przy następnej aktualizacji. Dziękuję za artykuł. Co było bardzo pomocne.

    Sebastian

  15. Oh dzięki za opis.
    Nie miałem też ochoty dodawać kolejnej wtyczki i użyłem kodu. 8 punktów szybciej i już nie czerwony, tylko pomarańczowy.

    1. Możesz też dodawać kod małymi kawałkami (wybierz rozsądnie!). Wtedy możesz zobaczyć, która część powoduje problemy i ewentualnie ją pominąć.

  16. Czy nowe posty wpływają na świeżość? Czy i tak są wyświetlane nowe posty, czy dopiero po opróżnieniu pamięci podręcznej (czy buforowanie dotyczy tylko plików, które są następnie wyświetlane w określonej pozycji przez określony czas?)
    Dziękuję za instrukcje!

    1. sir appleot

      Witaj Bernd!

      To nie jest rodzaj buforowania wykonywany przez wtyczki takie jak Supercache lub Fastcache. W rzeczywistości zapisują stronę, a następnie przekazują zapisaną wersję. Ale zawsze mają opcję odświeżenia pamięci podręcznej po napisaniu nowego posta lub zmodyfikowaniu starego. Wtedy nie masz problemów z nowymi wkładami. :)

      W każdym razie nie z powyższym kodem. Zapisuje tylko pliki graficzne i javascript. Może się zdarzyć, że otrzymasz starą wersję pliku JS na kilka godzin, jeśli coś w nim zmienisz.

      Pozdrowienia!

      Jens

  17. Christiana Arnsa

    Witam wszystkich,

    Chciałbym również podziękować. Mój ranking poprawił się z twoją pomocą.

    Wielkie dzięki.

    Pozdrawiam Christian

  18. Witaj!
    Dodałem kod do pliku htaccess zgodnie z powyższym opisem. Jednak w przypadku Pingdom nic się nie zmieniło. Nadal sugeruje wykorzystanie pamięci podręcznej przeglądarki (wymienione są wszystkie pliki graficzne). Kiedy testuję z Monitorem sieci (F12) w Firefoksie, jest to znacznie szybsze z kodem buforowania i bez niego po raz drugi (po wyczyszczeniu pamięci podręcznej przeglądarki), ponieważ działa dla obrazów i wielu plików CSS (ale nie JS? ) 2 zamiast 304 i ma bardzo krótki czas łączenia i oczekiwania.
    Po wyczyszczeniu pamięci podręcznej przeglądarki (czyli dla nowych użytkowników) czas ładowania nadal wynosi około 6 sekund. Według Google idealne byłoby 200ms.
    Jak mogę jeszcze bardziej skrócić czas ładowania?

    1. Witaj Tim! Jeśli chcesz zainstalować wtyczkę i być może włożysz trochę gotówki w swoje ręce, polecam WP Rocket. Wtyczka buforująca wiele z tego korzysta, a także zajmuje się redukcją i łączeniem plików CSS i JS. Trudno mi powiedzieć, dlaczego powyższy kod nie działa dla pliku .htaccess. Być może Twój hoster nie udostępnił funkcji, więc Twoje wpisy nie przynoszą efektu?

  19. Tom, golarz do brody

    Witam i dziękuję za tak szczegółowe omówienie tego tematu.
    Dziś po południu rozwaliłem swoją witrynę na kawałki w moim uzależnieniu od szybkości i dostałem wewnętrzny błąd serwera 500 z wtyczką, która miała zainstalować pamięć podręczną przeglądarki itp.
    Dzięki Twojej i innej stronie odważyłeś się na ręczne modyfikowanie .htaccess.
    Niestety wpisy, które wymieniłeś, prawdopodobnie nie są dozwolone przez mojego hostera (UDAG), ponieważ nadal otrzymuję błąd „Wykorzystaj pamięć podręczną przeglądarki” w pingdom. Szkoda. Muszę zapytać, co się właściwie dzieje.
    W końcu: wiele weekendowych optymalizacji sprowadziło mnie przynajmniej do 53/60 dla szybkości strony i 85 dla pingodm.
    Problemem wydaje się również długi czas odpowiedzi serwera (2,62 sekundy)

    Miłej niedzieli i dobrego rozpoczęcia tygodnia
    Tomek

  20. Witam i dziękuję za Twój wielki wkład! Zainstalowałem go na mojej stronie internetowej i wydajność również się poprawiła. Jednak narzędzia testowe nadal wyświetlają komunikat „Wykorzystaj pamięć podręczną przeglądarki”, gdy testuję witrynę. Czy u Ciebie jest tak samo, czy całkowicie znika? Z góry dziękuję! LG Krzysztof

  21. Cześć, czyste szaleństwo!!!
    Moja witryna wzrosła z 64 do 76 na urządzeniach mobilnych i z 75 do 84 na komputerach, świetnie.
    Dziękuję Ci bardzo!! LG Susanne

  22. Jestem zszokowany!!! Komputer stacjonarny od 68 do niewiarygodnych 91. To właśnie nazywam zoptymalizowanym. Dziękuję bardzo, sir Apfelot. Tylko telefon komórkowy pozostaje w wieku 71 lat i potrzebuje pracy. Będę musiał przyjrzeć się bliżej temu, co się tam dzieje.

    1. sir appleot

      Witaj Claudio! Coraz trudniej jest uzyskać dobry wynik w wersji mobilnej. Myślę, że Google stawia tutaj poprzeczkę dość wysoko. Jeśli mierzysz za pomocą innych narzędzi, szybko otrzymasz najwyższą ocenę za szybkość i nadal masz wynik w Google tylko między 70 a 80. Ale powodzenia w alfonsach! Jens

  23. Jestem podekscytowany! Twoje wskazówki przyspieszyły również szybkie przejście mojej witryny do zielonego obszaru, dzięki czemu mogę teraz rozpocząć dostrajanie. Przez długi czas nie odważyłem się bawić z htaccess, ale warto!

    Dziękujemy i pozdrawiamy od MoKoWo

  24. Wow, dzięki, nawet teraz te kilka linijek kodu pomaga przyspieszyć strony Wordpressa.

    Tylko kwestia zrozumienia.
    Dlaczego nie korzystasz z tych wskazówek na tych stronach? Kiedy używam twoich stron przez Pingdom, otrzymuję D67, a na Google 69 mobile/621 desktop. Jest bardzo, bardzo niski. A może jest jakiś powód?

    1. Cześć Aleks!

      Tak, poprawione pytanie. :) Używam wtyczki do buforowania WP-Rocket, która również tworzy te wpisy. Wyłączyłem go w celu rozwiązania problemu. Dlatego złe wartości w Pingdom i Google. Z Pingdom jest lepiej, jeśli używasz WP-Rocket, ale z Google w końcu osiągasz granice tego, co jest możliwe, jeśli masz wiele uruchomionych wtyczek Wordpress – takich jak Sir Apfelot. Już się wyczyściłem, ale nie można wszystkiego pominąć. :D LG! Jensa

  25. Wypróbowałem już wszystko, co można sobie wyobrazić (w tym powyższy kod) i oczywiście kilka razy poprosiłem ciocię Google, ale ta metoda nie działa na wielu instalacjach Wordpressa. Narzędzie Google Pagespeed ciągle każe mi włączyć buforowanie przeglądarki dla różnych zasobów. Skrypty, na które narzekano, to bez wyjątku adresy z parametrami. Np. „https://meinedomain.de/…kit/js/components/slideshow.js?ver=4.8.2 (2,5 dni)” i mój wynik się nie poprawia. Czy istnieje rozwiązanie za pośrednictwem .htaccess lub czy wymagana jest dodatkowa wtyczka? (To byłoby głupie.)

    1. Witaj Nils! Tak, niestety na tym polega problem. Wiele wtyczek, jak w twoim przypadku prawdopodobnie wtyczka pokazu slajdów, integruje swoje skrypty i elementy CSS indywidualnie, a potem w pewnym momencie masz 20x JavaScript, który jest ładowany indywidualnie i 20 plików CSS ... Myślę, że wtyczki takie jak WP Rocket trochę tam pomagają , ale tylko częściowo. To, czego jeszcze nie testowałem, to CloudFlare. Jest to usługa, która przejmuje buforowanie strony, a także optymalizuje kod źródłowy przed jego dostarczeniem. Co mnie powstrzymuje: Musisz przełączyć ustawienia DNS domeny na CloudFlare i jakoś tak naprawdę nie lubię, gdy inna usługa utknie między moją witryną a mną. Ale może po prostu przetestuję go na mniej ważnej domenie, zanim użyję go na Sir Apfelota. :D

  26. Dziękuję za wspaniały wkład! :) Na Pingdom przeszedłem od 30 do 83 dla buforowania przeglądarki! To trochę poprawiło mój czas ładowania.

  27. hej Jens,

    Przede wszystkim dziękuję za artykuł, bardzo pomocny!
    Po moim teście szybkości, który naprawdę nie wypada tak dobrze w 38, szukam dalszych opcji optymalizacji.
    Test pokazuje między innymi, że powinienem używać nowoczesnych formatów graficznych :-0 .. jakie są nowoczesne formaty graficzne?
    Oto 3 obszary zaznaczone na czerwono:

    Skróć czas reakcji serwera (TTFB)
    2,88 s
    2
    Dostarczaj obrazy w nowoczesnych formatach
    2,66 s
    3
    Włącz kompresję tekstu
    1,83 s
    4
    Prawidłowy rozmiar zdjęć

    może masz już starsze sugestie dotyczące optymalizacji? Z przyjemnością czytam od Ciebie.
    Dziękuję Sven

    1. Witaj Sven!
      Tak, dobre pytanie, czym są „nowoczesne formaty obrazu”. :D Myślę, że JPG powinien być dobrym wyborem dla zdjęć.
      Jednak: Czas odpowiedzi serwera: 2,88 s -> to mega wolne. Gdzie hostujesz swoją stronę??? Brzmi prawie jak Strato. ;-) W 2,88 sekundy większość serwerów wysłała już całą witrynę odwiedzającemu, a nie tylko pierwszy bajt... powinieneś coś z tym zrobić.

      Druga rzecz: „Prawidłowe dobieranie rozmiaru obrazów” -> dzieje się tak, gdy przesyłasz obrazy w znacznie wyższej rozdzielczości niż ta, którą faktycznie wyświetlasz na stronie. Jeśli więc wyświetlasz go na stronie tylko o szerokości 1000 pikseli, to najlepiej nie przesyłać go w formacie 4000 x 6000 pikseli. Oszczędza też dużo danych. Do kompresji obrazów polecam wtyczkę do Wordpressa TinyPNG lub TinyJPG. Mają też wtyczkę Photoshop i stronę internetową, za pomocą której można zmniejszać obrazy. Dużo im to daje...

      Mam nadzieję, że ci to pomoże... LG! Jens

    2. Google pisze o „nowoczesnych formatach graficznych” na Pagespeed:

      „Formaty obrazów, takie jak JPEG 2000, JPEG XR i WebP, często oferują lepszą kompresję niż PNG lub JPEG, co pozwala na szybsze pobieranie i mniejsze zużycie danych”.

      Ale szczerze mówiąc, nie znam nikogo ani nie widziałem, żeby używano JPEG 2000 lub czegokolwiek innego. Nawet Photoshop ma JPEG i PNG w Zapisz dla Internetu. Chyba że wszystkie nowe modele subskrypcji online zmieniły coś w tym kierunku…

      1. Tak, też tak myślę „JPEG 2000” i „nowoczesny”??? Cóż, nieważne… Myślę, że można całkiem nieźle żyć bez tego nonsensu. „Zapisz dla Internetu” w Photoshopie tworzy stosunkowo małe obrazy. Ale jeśli dużo pracujesz z Photoshopem, nadal mogę polecić „TinyJPG”. Mają wtyczkę do Photoshopa, która zapisuje naprawdę dobrze skompresowane pliki JPG/PNG. Możesz trochę z tym zrobić przeczytaj mój artykuł o „Optimage”.n. Ale dam TinyJPG własny artykuł...

  28. Dziękuję za świetny artykuł. Szkoda, że ​​znalazłem to tylko dzisiaj przez link. Natychmiast po wdrożeniu czuje się znacznie lepiej niż wcześniej. A jeśli chodzi o szybkość strony, oba twoje kody uzyskały kilka punktów. Lepsze niż wtyczka W3 Total Cache. To wystrzeliło na moim blogu.

    1. Witaj Karsten! Cieszę się, że działa lepiej niż W3 Total Cache. Nie rozgrzałem się też do wtyczki. Kolejna wskazówka dla Twojej witryny: jeśli klikniesz „O mnie”, pojawi się błąd 404… Google też tego nie lubi. Myślę, że goście też będą rozczarowani. ;-) LG i Wesołych Świąt!

  29. Patryk Mitter

    Porada jest pomocna, dziękuję! Muszę przyznać, że zawsze korzystałem z wtyczek takich jak Autooptimize i CO. ponieważ instalowanie wtyczek jest naprawdę łatwe.
    Ale ponieważ tę sztuczkę można wdrożyć tak szybko, zdecydowanie warto spróbować.

Napisz komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone * oznakowane

Na blogu Sir Apfelot znajdziesz porady, instrukcje i recenzje produktów Apple, takich jak iPhone, iPad, Apple Watch, AirPods, iMac, Mac Pro, Mac Mini i Mac Studio.

Promocje