25 zewnętrznych skryptów do optymalizacji w WordPress: Przyspiesz czcionki, analitykę, filmy z YouTube, WooCommerce, skrypty innych firm

zewnętrzne skrypty spowolnienie witryny WordPress?


Są to wszystko, co pobiera informacje spoza Twojej witryny: Czcionki Google, Analytics, osadzone filmy z YouTube, ogłoszenia o pracy, Gravatary, a nawet wtyczki komentarzy i udostępniania społecznościowego.

Możesz zoptymalizować zewnętrzne skrypty w WordPress, hostując pliki lokalnie (czcionki, analizy, Facebook Pixel), selektywnie wyłączając skrypty za pomocą wtyczki Asset CleanUp oraz dodając wskazówki przeglądarki, takie jak wstępne podłączanie i pobieranie wstępne. Należy unikać niektórych wtyczek i skryptów (np. AdSense), jeśli szybkość jest dla Ciebie ważna. Cokolwiek pozostało, ustal, czy poświęcenie wydajności jest tego warte i czy powinieneś je usunąć, czy znaleźć alternatywę.

Zewnętrzne skrypty prawie zawsze pokazują błędy w GTmetrix w obszarze Ogranicz liczbę wyszukiwań DNS:

Skrypty zewnętrzne WordPress

Oto jak zoptymalizować skrypty innych firm:

Contents

1. Znajdź zewnętrzne skrypty

GTmetrix
Uruchom swoją stronę za pomocą GTmetrix (narzędzie, które polecam) i spójrz na swoją stronę PageSpeed ​​i YSlow. Jeśli rozwiniesz elementy i zobaczysz ten sam skrypt zewnętrzny (lub wtyczkę) wyświetlany wielokrotnie w raporcie, prawdopodobnie oznacza to, że spowalnia twoją witrynę WordPress. Możesz także użyć karty GTmetrix Waterfall, aby dowiedzieć się, ile czasu zajmuje załadowanie każdego zasobu.

Skrypty zewnętrzne WordPress

Monitor zapytań
Monitor zapytań pozwala zobaczyć najwolniejsze ładowanie skryptów, stylów i wtyczek:

Skrypty monitorowania zapytań

Monitor zapytań Powolne wtyczki

2. Wyłącz nieużywane skrypty, style, wtyczki

Niektóre wtyczki ładują się w całej witrynie, niezależnie od tego, czy są używane.

Asset CleanUp pozwala selektywnie wyłączać niepotrzebne skrypty, style i wtyczki z określonych treści. Może to poprawić czasy ładowania, jednocześnie zmniejszając liczbę Żądania HTTP. Pozwala także hostować czcionki lokalnie, wstępnie łączyć, wstępnie ładować i wyłączać nieużywane funkcje WordPress.

Zainstaluj wtyczkę, edytuj stronę, a następnie wyłącz wszelkie wtyczki lub żądania nieużywane na tej stronie:

Zewnętrzne skrypty osób trzecich

Wyłącz skrypty zewnętrzne WordPress

Funkcje Asset CleanUp:

  • Wyłącz nieużywane skrypty / wtyczki dla niektórych treści
  • Zmniejsz, połącz, odłóż i buforuj CSS + JavaScript
  • Podłącz lokalnie, wstępnie ładuj, łącz i hostuj czcionki
  • Włącz przepisywanie adresów URL CDN, aby zapewnić optymalizację plików
  • Wyłącz umieszczanie, dashicony, często nieużywane funkcje
  • Wyłącz obsługę protokołu XML-RPC częściowo lub całkowicie
  • Zoptymalizuj HTML, usuwając niepotrzebny kod z pliku
  • Zwolnij na 1 stronie, w całej witrynie, według typu posta lub RegEx (funkcja premium)

Selektywne wyłączanie wtyczek (przykłady)

  • Wyłącz wtyczkę suwaka dla zawartości bez suwaków
  • Wyłącz wtyczkę fragmentów rozszerzonych w treści bez fragmentów rozszerzonych
  • Wyłącz wtyczkę formularza kontaktowego dla treści bez formularza kontaktowego
  • Wyłącz AdSense lub linki partnerskie tam, gdzie nie są wyświetlane
  • Wyłącz wtyczkę udostępniania społecznościowego na wszystkich stronach (ponieważ zwykle dotyczy postów na blogu)
  • Wyłącz skrypty, style, fragmenty koszyka WooCommerce na stronach innych niż eCommerce

3. Połącz wstępnie, pobieraj i ładuj skrypty zewnętrzne

W przypadku skryptów, których nie można selektywnie wyłączyć, ich wcześniejsze połączenie pomaga przeglądarkom je przewidzieć. Nie poprawi to wyników GTmetrix, ale może poprawić czasy ładowania zewnętrznych skryptów.

Wskazówki dotyczące zasobów przed * drużyną obsługuje wstępne pobieranie DNS, wstępne wysyłanie, wstępne łączenie, wstępne pobieranie i wstępne ładowanie, które są używane jako wskazówki dotyczące zasobów przeglądarki. Wszystko to pomaga szybciej ładować zasoby zewnętrzne i o ile mi wiadomo, WP Rocket obsługuje tylko wstępne ładowanie i pobieranie wstępne, ale nie wstępne połączenie.

Definicje (Źródło: WP Rocket)

  • Połącz wstępnie: mówi przeglądarce, aby nawiązała połączenie z zasobem zewnętrznym.
  • Pobranie wstępne: informuje przeglądarkę, aby pobierała oczekiwane pliki, o które użytkownik może poprosić.
  • Wstępne pobieranie DNS: przeglądarka wykonuje wyszukiwanie DNS w tle, gdy użytkownik przegląda.
  • Prerender: informuje przeglądarkę, aby pobierała całe strony na podstawie wzorców przeglądania użytkowników.
  • Wstępne ładowanie: informuje przeglądarkę, że potrzebny jest zasób nawigacyjny i jak najszybciej go pobrać.

Krok 1: Skopiuj wszystkie domeny zewnętrzne, których używasz w swojej witrynie (znajdź je w raporcie GTmetrix i Query Monitor), w przeciwnym razie oto lista wspólne domeny do pobrania z Github:

Krok 2: Dodaj je do wtyczki Wskazówki do zasobów przed imprezą:

Wskazówki dotyczące zasobów przed imprezą

Jeśli używasz WP Rocket, możesz pobrać je wstępnie (znajduje się na karcie Wstępne ładowanie):

Prefetch-DNS-Requests

4. Odrocz parsowanie JavaScript

Przerwij analizę JavaScript każe przeglądarkom czekać na pobranie JavaScript, dopóki nie zostanie pobrane wszystko inne.

Jeśli używasz WP Rocket, włącz Załaduj JavaScript odroczony na karcie Optymalizacja pliku:

Załaduj JavaScript odroczony

Jeśli wtyczka pamięci podręcznej nie obsługuje tego, możesz użyć Asynchroniczna wtyczka JavaScript:

Asynchroniczny JavaScript

5. Hostuj czcionki Google lokalnie

Lokalne hostowanie czcionek powinno naprawić większość błędów związanych z czcionkami w GTmetrix.

Możesz to zrobić za pomocą Własne hostowane czcionki Google, OMGF, lub Asset CleanUp.

Ale najlepszym sposobem na optymalizację czcionek jest pobranie ich bezpośrednio ze strony internetowej Google Fonts, przekonwertowanie ich na pliki czcionek internetowych za pomocą narzędzia takiego jak Transfonter, następnie dodaj je do swojego CSS. Upewnij się, że masz minimalną czcionkę i gramaturę, ponieważ każdy może dodawać żądania.

Google-Fonts-GTmetrix

Krok 1: Pobierz swoje czcionki z czcionek Google.

Krok 2: Konwertuj je na pliki czcionek internetowych za pomocą Transfonter.

Konwersja czcionek Transfonter-Google-Font

Krok 3: Prześlij pliki czcionek internetowych do wp-content / uploads.

Przykład:

  • http://yourwebsite.com/wp-content/uploads/fonts/Roboto-Regular.woff
  • http://yourwebsite.com/wp-content/uploads/fonts/Roboto-Regular.woff2
  • http://yourwebsite.com/wp-content/uploads/fonts/Roboto-Bold.woff
  • http://yourwebsite.com/wp-content/uploads/fonts/Roboto-Bold.woff2

Krok 4: Dodaj niestandardowe czcionki do swojego CSS.

Domyślne adresy URL w stylesheet.css:
src: url („Roboto-Bold.woff2”) format („woff2”),
format url („Roboto-Bold.woff”) („woff”);

Zmień je na:
src: url (‘http://yourwebsite.com/wp-content/uploads/fonts/Format Roboto-Regular.woff2 ”) („ woff2 ”),
url („http://yourwebsite.com/wp-content/uploads/fonts/Format Roboto-Regular.woff ”) („ woff ”);

Krok 5: Przetestuj czcionki w edytorze tekstu WordPress.

Testowanie

Niestandardowy test czcionek

Niestandardowy test czcionek

6. Hostuj Google Analytics lokalnie

Jeśli widzisz a Cache przeglądarki dźwigni problem, lokalny hosting kodu śledzenia Google Analytics to naprawi. Możesz użyć Śledzenie Google WP Rocket, CAOS Analytics, lub WP Wyłącz.

Leverage-Brower-Caching-Google-Analytics

7. Unikaj Google AdSense za wszelką cenę

Google AdSense jest jednym z najtrudniejszych do zoptymalizowania zasobów zewnętrznych. Zamiast tego polecam marketing afiliacyjny, ponieważ nie spowalnia on witryny, a ponadto jest bardziej dochodowy i bardziej osobisty. Zwykle osiągam 130 000+ rocznie w marketingu afiliacyjnym, więc koniecznie przeczytaj ten przewodnik.

Ekspert od złotego produktu mówi:

„Zwykle są rzeczy, które można ulepszyć, które są pod twoją kontrolą, ale ostatecznie jest to decyzja o kompromisie: czy monetyzacja rekompensuje utratę prędkości?”

Kinsta mówi:

„Dlatego, chyba że twój model dochodów obraca się wokół reklam firm zewnętrznych, nie umieszczaj ich na swojej stronie WordPress”.

Railfun Cloudflare to kolejna opcja optymalizacji AdSense, ponieważ przyspiesza dynamiczną treść.

Railfun Cloudflare

8. Używaj Map Google tylko na stronie kontaktowej

Wygląda dobrze, prawda?

Zamiast osadzać mapę, użyj obrazu z linkiem do wskazówek dojazdu.

Jeśli osadzasz, używaj Mapy Google tylko na stronach, na których ich potrzebujesz (strona kontaktowa i te, które dotyczą fizycznej lokalizacji). Nigdy w stopce, widżetach lub obszarach widocznych na boku.

Google Map

9. Nie przesadzaj w Menedżerze tagów Google

Niektórzy twierdzą, że Google Tag Manager może faktycznie przyspieszyć twoją stronę, ponieważ pobiera wszystkie Javascript w twojej witrynie i zastępuje ją jednym skryptem, który jest uruchamiany z GTM.

Ale w rzeczywistości Google Tag Manager prawdopodobnie spowolni Twoją witrynę, chyba że masz dużą, niezoptymalizowaną witrynę, która korzysta z wielu skryptów innych firm, w takim przypadku GTM może ją przyspieszyć.

Szybkość Menedżera tagów Google

Unikanie częste pułapki i nieużywanie zbyt wielu tagów może pomóc, ale nie używam GTM. W rzeczywistości nigdy tego nie próbowałem. Ale wiem, że widziałem to w wielu słabych raportach GTmetrix.

Polecam również Wtyczka Google Tag Manager dla WordPress który uruchamia tylko wymagane tagi dla każdej strony (przyspieszając czas ładowania GTM) i ułatwia dodawanie kodu.

10. Zamień posty w mediach społecznościowych na zrzuty ekranu

Osadzone posty (np. Tweety) można zastąpić zrzutami ekranu.

To zajmuje trochę czasu, ale możesz sprawić, by wyglądały naprawdę ładnie. Ponieważ są to obrazy i nie muszą pobierać informacji z Twittera, ładują się one znacznie szybciej niż osadzanie.

Ankieta hostingowa 2019

2017-WordPress-Hosting-FB-Poll

Zalecenia dotyczące hostingu Elementor

Zalecenia hostingowe z lipca 2019 r

2016-WordPress-Hosting-FB-Poll

Ulubiony hosting dla Elementora

Zalecenia hostingowe 2018

Jak to zrobiłem
Na moim blogu użyłem Układ 2 kolumn i zmierzyłem każdą kolumnę jako 340 pikseli (szerokość). Następnie użyłem Powiększenie Rozszerzenie Chrome w połączeniu z Niesamowity zrzut ekranu aby dowiedzieć się, jaki zoom% potrzebowałem, aby uzyskać dobry zrzut ekranu z tweeta. Zrobiłem zrzuty ekranu z każdego tweeta, a następnie przyciąłem je do dokładnie 340 pikseli. Następnie porównałem wszystkie zrzuty ekranu, aby zobaczyć, które mają podobną wysokość, a następnie przyciąłem je lub zmanipulowałem, aby 2 zrzuty ekranu miały tę samą wysokość. Gdy masz 2 tweety o tej samej szerokości / wysokości, wyglądają świetnie obok siebie w kolumnach.

I tak, polecam SiteGround za hosting lub Cloudways / Kinsta. Istnieje wiele złych recenzji hostingu; spójrz na ankiety na Facebooku, a zobaczysz, kto jest zwycięzcą.

11. Leniwe ładowanie filmów z YouTube’a

Osadzone filmy mogą z łatwością dodać ponad 2 sekundy czasu ładowania.

Filmy można zoptymalizować poprzez leniwe ładowanie i zastąpienie ramki iframe obrazem podglądu, więc jest ona ładowana tylko wtedy, gdy ludzie klikną przycisk odtwarzania (jak przykładowe wideo poniżej).

Oba można zrobić w WP Rocket:

WP-Rocket-Lazy-Load

WP YouTube Lyte jest kolejną dobrą opcją i obsługuje lekkie osadzanie na YouTube (wywoływanie „grubego odtwarzacza YouTube” po kliknięciu przycisku odtwarzania) i lokalne buforowanie miniatur YouTube.

Alternatywnie to samouczek na temat lekkich osadzeń w YouTube może być użyty.

12. Wyłącz Gravatars

Jeśli masz dużo komentarzy na blogu, Gravatars może naprawdę spowolnić post.

Ostatecznie postanowiłem wyłączyć Gravatars, co oznacza, że ​​w komentarzach nie ma żadnych twarzy. Blog WP Rocket nie używa też Gravatars (tylko tekst). Może to wyglądać nieco nudno, ale jeśli ważna jest szybkość, możesz po prostu stylizować swoje komentarze za pomocą CSS i wyłączyć Gravatars. Wtyczki pamięci podręcznej Gravatar nigdy dla mnie nie działały i nie chciałem ukrywać ani łamać komentarzy.

Oto kilka opcji:

  • Wyłącz Gravatars (pokaż tylko tekst, datę itp.)
  • Cache Gravatars przy użyciu Optimum, Harrys lub FV (nie działało dla mnie)
  • Podziel komentarze na kilka stron, aby wyświetlało się tylko kilka Gravatarów

Nie używam Gravatars:

Komentuj Bez Gravatars

13. Wyłącz wtyczki statystyczne

Czy używasz wtyczki do zbierania statystyk?

Spowolni to działanie Twojej witryny i nie potrzebujesz do tego wtyczki.

Możesz zobaczyć wszystko, czego potrzebujesz w Google Analytics + Google Search Console bez spowalniania Twojej witryny. Nie potrzebujesz wtyczek JetPack, WP Statistics ani innych statystyk.

Pulpit nawigacyjny wydajności Google Search Console

14. Wyłącz sprawdzanie uszkodzonego łącza

Broken Link Checker uruchamia trwające skanowanie, dlatego został zablokowany na wielu hostach.

Nadal kocham tę wtyczkę i instaluję / uruchamiam ją co kilka miesięcy. Ale po zakończeniu usuwam go natychmiast. Możesz także spróbować Dr. Link Check który skanuje również uszkodzone linki w całej witrynie, ale nie możesz naprawić linków bezpośrednio na pulpicie WordPress, tak jak w przypadku Broken Link Checker. Więc albo użyj go i usuń natychmiast, albo użyj Dr. Link Check.

15. Wyłącz nieużywane moduły JetPack

Po pierwsze, wyłącz wszystkie moduły JetPack, których nie używasz.

Ale dlaczego miałbyś zainstalować solidną wtyczkę, jeśli używasz tylko kilku funkcji? Jeśli potrzebujesz statystyk, skorzystaj z Google Analytics, Cloudflare dla bezpłatnego CDN, UpdraftPlus dla kopii zapasowych, WP Rocket dla leniwego ładowania, a dla bezpieczeństwa skorzystam z Wordfence, Sucuri lub iThemes Security.

Nie potrzebujesz wszystkich tych modułów, nie mówiąc już o rozdętej wtyczce.
Określ priorytety potrzebnych funkcji i zainstaluj dla nich poszczególne wtyczki. W końcu jest to cała koncepcja lekkich motywów (kup motyw z minimalnymi funkcjami i polegaj na wtyczkach, aby dodać te, których potrzebujesz). Nie instaluj rozdętego motywu lub wtyczki i utknij ze spadkiem prędkości.

Krok 1: Przejdź do pulpitu nawigacyjnego JetPack, przewiń w dół i kliknij Debuguj.

Debugowanie JetPack

Krok 2: Uzyskaj dostęp do pełnej listy modułów JetPack dostępnych w witrynie WordPress.

Dostęp do modułów JetPack

Krok 3: Dezaktywuj wszystkie moduły, których nie używasz.

Moduły JetPack

16. Wyłącz wtyczki społecznościowe o wysokiej wydajności procesora

Przyciski udostępniania społecznościowego muszą pobierać liczby udostępnień z Facebooka, Twittera itp.

Jeśli Twoja wtyczka ma opcję aktualizowania ich okresowo lub poza godzinami szczytu, jest to znacznie lepsze niż aktualizowanie tych liczników w czasie rzeczywistym. Prawdopodobnie chcesz jednak wiedzieć, które wtyczki do udostępniania społecznościowego są najszybsze i najlżejsze, więc oto kilka z nich.

Żądania wtyczek do udostępniania społecznościowego

Polecane (lekkie) wtyczki do udostępniania społecznościowego:

17. Wyłącz i zamień inne wtyczki o wysokiej wydajności procesora

Jest powód, dla którego WP Engine, GoDaddy i inni gospodarze czarna lista niektóre rodzaje wtyczek.

Najbardziej powolne wtyczki WordPress obejmują udostępnianie społecznościowe, statystyki, suwak, tworzenie kopii zapasowych, narzędzia do tworzenia stron, kalendarz, czat, formularz kontaktowy, portfolio, powiązany post, mapę witryny, Wordfence, WPML, WooCommerce, JetPack oraz wtyczki, które uruchamiają trwające skanowanie lub procesy. Wolne wtyczki można znaleźć za pomocą Monitora zapytań lub w raporcie GTmetrix Waterfall.

  1. Dodaj
  2. Monitorowanie oszustw związanych z kliknięciami AdSense
  3. Kalendarz wydarzeń All-in-One
  4. Backup Buddy
  5. Beaver Builder
  6. Lepsze mapy witryn Google XML WordPress
  7. Broken Link Checker (użyj Dr. Link Check)
  8. Stały kontakt dla WordPress
  9. Formularz kontaktowy 7
  10. Kontekstowe powiązane posty
  11. Digi Auto Links
  12. Disqus Comment System
  13. Divi Builder
  14. Niezbędna siatka
  15. Czat na Facebooku
  16. Galeria fantazyjna
  17. Fuzzy SEO Booster
  18. Google Analytics
  19. Tłumacz języka Google
  20. Zobacz pełną listę 65 wolnych wtyczek WordPress

18. Wyłącz skrypty, style, fragmenty koszyka WooCommerce

Wszystkie strony WooCommerce zawierają dodatkowe skrypty, style i fragmenty koszyka.

Są one ładowane w całej witrynie – nawet na stronach innych niż WooCommerce. Same fragmenty koszyka mogą zająć 10 sekund załadować. Na szczycie 3 arkusze stylów WooCommerce oraz wiele skryptów generowanych przez WooCommerce (oraz fakt, że strony WooCommerce zwykle wymagają więcej wtyczek), nic dziwnego, że większość z tych stron zazwyczaj ma długi czas ładowania strony.

Fragmenty koszyka WooCommerce

Opcja 1: Asset CleanUp
Selektywnie wyłącz funkcje WooCommerce na stronach, na których nie trzeba ich ładować.

Asset CleanUp WooCommerce

Opcja 2: użyj kodu z Github
Wyłącz skrypty WooCommerce: Dodaj kod funkcje.php:

Wyłącz style WooCommerce: zobacz WooCommerce instruktaż.

Wyłącz fragmenty koszyka WooCommerce: Dodaj kod do funtions.php:

Opcja 3: Perfmatters
Wtyczka Perfmatters Kinsta pozwala je wszystkie wyłączyć jednym kliknięciem, a ponadto ma wiele innych funkcje aby zoptymalizować witrynę, np. wyłączając niepotrzebne funkcje WordPress. Używam go na własnej stronie internetowej.

perfmatters optymalizacja woocommerce

19. Obciążenie warunkowe Disqus

Disqus i wiele wtyczek komentarzy może tworzyć żądania zewnętrzne.

Odrzuć obciążenie warunkowe to zaawansowana wersja Disqus, która obejmuje leniwe ładowanie i wyłączanie skryptów. Jeśli Disqus tworzy żądania w raporcie GTmetrix, może to naprawić większość z nich.

Odrzuć obciążenie warunkowe

20. Selektywne ładowanie formularza kontaktowego 7

Chociaż nie jestem wielkim fanem formularza kontaktowego 7 z powodu jego wolnego czasu ładowania, możesz wczytaj JavaScript + arkusz stylów Formularz kontaktowy 7 tylko na stronach korzystających z formularzy kontaktowych. W przeciwnym razie zostaną załadowane na każdej stronie. Sugeruję, że Gravity Forms lub inna wtyczka formularza jest szybsza.

Możesz także użyć Asset CleanUp, aby wyłączyć formularze kontaktowe na stronach, które ich nie używają:

Asset CleanUp Selective Disable

21. Włącz buforowanie dla pikseli Facebooka

WP Rocket’s Dodatek Facebook Pixel pozwala zastosować buforowanie podczas przeglądania Facebook Pixel.

Jest to jedyny sposób na zoptymalizowanie Facebook Pixel według mojej wiedzy, który pozwala śledzić, kto przychodzi na twoją stronę i śledzić go za pomocą reklam na Facebooku, między innymi funkcjami.

Buforowanie przeglądarki Facebook Pixel

22. Prawidłowo skonfiguruj wtyczkę pamięci podręcznej

Chociaż tak jest bardzo ważne, większość ludzi nie konfiguruje poprawnie wtyczki pamięci podręcznej.

Wiele błędów GTmetrix może być powiązanych z funkcjami, które może obsłużyć Twoja wtyczka pamięci podręcznej (minimalizowanie i łączenie plików, odraczanie JavaScript, buforowanie, dodawanie nagłówków wygasających, optymalizacja wideo, wyświetlanie plików z CDN oraz lokalne hostowanie Google Fonts + Analytics). Ponieważ różne wtyczki pamięci podręcznej mają różne funkcje, należy przejrzeć wszystkie ustawienia i przetestować je energicznie, sprawdzając, w jaki sposób włączenie funkcji może skutkować szybszym czasem ładowania i lepszymi wynikami.

Ja osobiście korzystam z WP Rocket, ponieważ ma wiele funkcji, których większość wtyczek pamięci podręcznej nie ma (hostowanie czcionek, analizy i Pixel Facebooka lokalnie, leniwe ładowanie obrazów + filmów, czyszczenie bazy danych, ładowanie wstępne, kontrola pulsu oraz integracja zarówno Cloudflare, jak i wielu CDN-ów jak StackPath). W przeciwnym razie może być konieczne zainstalowanie 7 dodatkowych wtyczek, aby uzyskać te optymalizacje.

Samouczki dotyczące wtyczek pamięci podręcznej:

WP Rocket File Optimization

23. Sieci CDN nie pomagają

Sieci CDN doskonale nadają się do optymalizacji plików Twój Witryna WordPress.

Ale jeśli chodzi o zewnętrzne skrypty, to nie pomoże. Wysłałem nawet komunikat StackPath, który powiedział, że chociaż CDN pomagają w wielu innych sprawach, zewnętrzne skrypty nie są jednym z nich. Ma to sens – w jaki sposób możesz odciążyć coś, co nie jest nawet hostowane w Twojej witrynie? No cóż, przynajmniej byli szczerzy.

Nadal polecam Cloudflare i StackPath, ponieważ ogromnie pomagają w rozładowywaniu zasobów do swoich centrów danych (co sprawia, że ​​serwer jest bardziej zrelaksowany) oraz w korzystaniu z funkcji, takich jak Reguły strony Cloudflare, Ochrona Hotlink i ich funkcje bezpieczeństwa, zarówno w celu przyspieszenia, jak i ochrony witryny. A więcej CDN oznacza więcej centrów danych do przechowywania plików, co oznacza jeszcze szybsze dostarczanie treści. Dlatego używam CDN Cloudflare i StackPath.

24. Użyj pracowników Cloudflare

Pracownicy to środowisko wykonawcze JavaScript, które umożliwia programistom rozszerzanie istniejących aplikacji lub tworzenie nowych bez konfigurowania lub utrzymywania infrastruktury. Ceny wynoszą 5 USD miesięcznie + zużycie (pierwsze 10 milionów żądań opartych na pracownikach jest bezpłatne, a następnie 0,50 USD za milion żądań). Pracowników można skonfigurować do uruchamiania określonych stron, subdomen itp. Sprawdź to tutaj.

25. Uruchom zadania o wysokiej wydajności procesora w wolnych czasach

Kopie zapasowe, Broken Link Checker i inne zadania o wysokim procesorze powinny działać w wolnych czasach. Prosty.

Często Zadawane Pytania

&# x2705; Jak znaleźć skrypty innych firm spowalniające moją witrynę?

Zazwyczaj będą się pojawiać w sekcji Ogranicz wyszukiwania DNS na karcie GTmetrix YSlow. Niektóre z najczęstszych skryptów stron trzecich to Czcionki Google, Analytics, Mapy, AdSense, Menedżer tagów Google, żądania mediów społecznościowych, osadzone filmy z YouTube i Gravatars.

&# x2705; Jak zoptymalizować czcionki Google?

Łączenie czcionek Google i hostowanie ich lokalnie to najlepszy sposób na szybsze ładowanie czcionek. Możesz także pobierać i podłączać czcionki. Spróbuj użyć wtyczki OMGF.

&# x2705; Co z błędami mediów społecznościowych w GTmetrix?

Są to zwykle spowodowane przyciskami udostępniania społecznościowego, widżetami mediów społecznościowych lub dowolnym innym elementem mediów społecznościowych w Twojej witrynie. Zazwyczaj NIE można ich zoptymalizować – najważniejszą częścią jest wybranie lekkiej wtyczki do udostępniania społecznościowego, jeśli zdecydujesz się ją użyć.

&# x2705; Jak rozwiązać problem Leverage Browser Caching dla Google Analytics?

Możesz spróbować hostować swój kod śledzenia Google Analytics lokalnie za pośrednictwem WP Rocket (lub innej używanej wtyczki pamięci podręcznej) lub wtyczki CAOS Analytics. Jednak naprawienie tego błędu zwykle nie poprawi bezpośrednio czasów ładowania.

&# x2705; Czy mogę sprawić, by osadzone filmy z YouTube ładowały się szybciej?

Tak, wtyczki takie jak WP Rocket lub WP YouTube Lyte umożliwiają leniwe ładowanie filmów i zastępowanie elementu iframe obrazem podglądu. Może to skrócić wiele sekund czasu ładowania treści.

Jaki jest teraz Twój raport GTmetrix?

Moja strona główna jest w 100%, ale moje posty są zwykle bardziej imponujące.

Zajmę czas ładowania 1,7 s na stronie 6,28 MB z 196 żądaniami każdego dnia.

Początkowo zewnętrznymi skryptami spowalniającymi moją stronę były Google Fonts, Google Analytics, osadzone filmy z YouTube’a, osadzone tweety i miałem problemy z konfiguracją CDN StackPath. Ale kiedy wykonałem kroki opisane w tym poście (i poświęciłem wtyczkę lub dwie), cała moja witryna WordPress zwykle ładuje się absurdalnie szybko. Hosting Cloudways również pomogłem.

Raport GTmetrix 2019

Główną rzeczą powstrzymującą ten post przed 100% są te osadzone kody Github. Ale hej, nie zawsze możesz być doskonały, a przynajmniej mam Github na mojej liście połączonych i pobranych wstępnie!

Potrzebuję pomocy?

Zostaw komentarz lub skontaktuj się z naszym zespołem w sprawie naszej usługi prędkości WordPress.

Twoje zdrowie,
Tomek

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map