25 külső parancsfájl optimalizálása a WordPress-ben: Betűkészletek, Analytics, YouTube videók, WooCommerce, harmadik fél parancsfájljai felgyorsítása

Vannak külső szkriptek lassítja a WordPress webhelyét?


Ezek olyan dolgok, amelyek az információt a webhelyén kívülről vonják ki: Google Fonts, Analytics, beágyazott YouTube-videók, álláshirdetések, Gravatars, akár megjegyzés és közösségi megosztás-bővítmények..

Optimalizálhatja a külső szkripteket a WordPressben a fájlok helyben történő tárolásával (betűtípusok, elemzések, Facebook Pixel), a szkriptek szelektív letiltásával az Asset CleanUp beépülő modul segítségével, és hozzáadhat böngészőre vonatkozó tippeket, például az előcsatlakozás és az előzetes letöltés. Néhány beépülő modult és szkriptet (pl. AdSense) általában kerülni kell, ha a sebesség fontos az Ön számára. Akármi is marad, határozza meg, hogy a teljesítményben való áldozat megéri-e, és törölje-e, vagy keressen alternatívát.

A külső szkriptek szinte mindig hibákat mutatnak a GTmetrixben a DNS-keresések csökkentése alatt:

WordPress Külső szkriptek

A következőképpen optimalizálhatja harmadik fél szkripteit:

Contents

1. Keresse meg a külső szkripteket

GTmetrix
Futtassa webhelyét a GTmetrix segítségével (az az eszköz, amelyet ajánlom), és nézd meg a PageSpeed ​​és az YSlow fület. Ha kibontja az elemeket, és ugyanazt a külső szkriptet (vagy bővítményt) látja, amely többször is megjelenik a jelentésben, ez valószínűleg azt jelenti, hogy lelassítja a WordPress-webhelyet. A GTmetrix vízesés lapon is megtudhatja, mennyi ideig tart az egyes erőforrások betöltése.

WordPress Külső szkriptek

Lekérdezés figyelő
Lekérdezés figyelő lehetővé teszi a leglassabb betöltési szkriptek, stílusok és beépülő modulok megtekintését:

Lekérdezés figyelő szkriptek

Lekérdezés-monitor lassú beépülő modulok

2. Tiltsa le a nem használt parancsfájlokat, stílusokat, beépülő modulokat

Néhány plugin a teljes webhelyén betöltődik, függetlenül attól, hogy használják-e őket.

Asset CleanUp lehetővé teszi a felesleges szkriptek, stílusok és beépülő modulok szelektív letiltását az adott tartalomból. Ez javíthatja a betöltési időket, miközben csökkenti a HTTP kérések. Ezenkívül lehetővé teszi a betűtípusok helyi üzemeltetését, az előcsatlakozást, az előtöltést és a nem használt WordPress szolgáltatások letiltását.

Telepítse a beépülő modult, szerkesszen egy oldalt, majd tiltsa le az adott oldalon nem használt beépülőket vagy kéréseket:

Külső külső forgatókönyvek

Kapcsolja ki a WordPress külső szkripteit

Asset CleanUp szolgáltatások:

  • Tilos letiltani a nem használt szkripteket / beépülő modulokat bizonyos tartalmakon
  • CSS + JavaScript aprítása, kombinálása, elhalasztása és gyorsítótárazása
  • Előzetesen csatlakoztassa, előzetesen töltse be, egyesítse és gazdagépeket telepítse
  • Engedélyezze a CDN URL újraírását a fájlok optimalizálása érdekében
  • Letiltja a beágyazásokat, a dashiconekat, a gyakran nem használt szolgáltatásokat
  • Az XML-RPC Protokoll támogatás részleges vagy teljes letiltása
  • Optimalizálja a HTML-t azáltal, hogy eltávolítja a felesleges kódot a
  • Töltse le egy oldalon, az egész webhelyen, postai típus vagy RegEx szerint (prémium szolgáltatás)

A bővítmények szelektív letiltása (példák)

  • Tiltsa le a tartalom csúszkás pluginjét csúszkák nélkül
  • Kapcsolja ki a gazdag részletek beépülő modulját a tartalomban gazdag kivonatok nélkül
  • Kapcsolja ki a kapcsolattartó űrlap-bővítményt a tartalom nélkül kapcsolattartó űrlap nélkül
  • Tilos letiltani az AdSense vagy társult linkeket ott, ahol nem jelennek meg
  • Tilos letiltani a közösségi megosztás-bővítményt az összes oldalon (mivel ez általában a blogbejegyzésekre vonatkozik)
  • Tilos letiltani a WooCommerce szkripteit, stílusait, kosaratöredékeit az e-kereskedelemtől eltérő oldalakon

3. A külső szkriptek előcsatlakozása, előtöltése és előtöltése

Azok a szkriptek, amelyeket nem lehet szelektíven letiltani, az előzetes összekapcsolás segít a böngészőknek felismerni őket. Ez nem javítja a GTmetrix pontszámait, de javíthatja a külső szkriptek betöltési idejét.

Pre * Party Resource tippek támogatja a DNS előfeltöltést, előrenderítést, előcsatlakozást, előfeltöltést és előtöltést, amelyeket mint néven használnak böngésző erőforrás-tanácsok. Minden segítséget nyújt a külső erőforrások gyorsabb betöltésében, és tudomásom szerint a WP Rocket csak az előtöltést és az előtöltést támogatja, de az előcsatlakozást nem..

Meghatározások (jóváírás: WP Rocket)

  • Preconnect: azt mondja a böngészőnek, hogy kapcsolatot létesítsen egy külső erőforrással.
  • Prefetch: azt mondja a böngészőnek, hogy töltsön le várt fájlokat, amelyeket a felhasználó kérhet.
  • DNS előzetes letöltés: a böngésző a háttérben végzi a DNS-kereséseket a felhasználó böngészése közben.
  • Előmegjelenítés: azt mondja a böngészőnek, hogy a felhasználói böngészési minták alapján töltse le az összes oldalt.
  • Előtöltés: azt mondja a böngészőnek, hogy navigációs erőforrásra van szükség, és az ASAP letöltéséhez.

1. lépés: Másolja a webhelyén használt összes külső domaint (keresse meg azokat a GTmetrix és a Query Monitor jelentésben), egyébként itt található a az előzetes letöltés általános domainjei a Github-tól:

2. lépés: Adja hozzá őket a Pre * Party Resource Hints bővítményhez:

Party előtti erőforrás-tanácsok

Ha WP Rocket használ, előzetesen letöltheti azokat (az Előtöltés lapon található):

Prefetch-DNS-kérések

4. A JavaScript elemzésének elhalasztása

Halasztja a JavaScript elemzését azt mondja a böngészőknek, hogy várják meg a JavaScript letöltését, amíg minden más letöltődik.

Ha WP rakétát használ, engedélyezze A JavaScript betöltése elhalasztva a Fájloptimalizálás lapon:

A JavaScript betöltése elhalasztva

Ha a gyorsítótár-bővítmény nem támogatja ezt, akkor használhatja a Async JavaScript plugin:

Async JavaScript

5. Helyezze a Google betűkészleteket helyben

A betűkészletek helyben történő tárolásának a legtöbb betűvel kapcsolatos hibát ki kell javítania a GTmetrixben.

Ezt megteheti a következővel Saját házigazda Google Betűtípusok, OMGF, vagy Asset CleanUp.

A betűtípusok optimalizálásának legjobb módja az, ha azokat közvetlenül a Google Fonts webhelyről tölti le, konvertálva webes betűkészlet fájlokká olyan eszköz segítségével, mint például Transfonter, majd adja hozzá őket a CSS-hez. Ügyeljen arra, hogy minimális legyen a betűtípusok és a súlyok száma, mivel mindegyik kérést felvehet.

Google-betűtípusok-GTmetrix

1. lépés: Töltse le betűtípusát a Google Fonts oldalról.

2. lépés: Konvertálja őket webes betűkészlet fájlokká a Transfonter használatával.

Transfonter-Google-Font-átváltás

3. lépés: Töltse fel a web betűkészlet fájlokat a wp-content / feltöltések oldalra.

Példa:

  • 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

4. lépés: Adjon hozzá egyéni betűkészleteket a CSS-hez.

Alapértelmezett URL-ek a stíluslap.css-ban:
src: url (‘Roboto-Bold.woff2’) formátum (‘woff2’),
url (‘Roboto-Bold.woff’) formátum (‘woff’);

Változtassa meg őket:
src: url (‘http://yourwebsite.com/wp-content/uploads/fonts/Roboto-Regular.woff2 ‘) formátum (‘ woff2 ‘),
url (”http://yourwebsite.com/wp-content/uploads/fonts/Roboto-Regular.woff ‘) formátum (‘ woff ‘);

5. lépés: Tesztelje a betűkészleteket a WordPress szövegszerkesztőben.

Tesztelés

Egyéni betűkészlet-teszt

Egyéni betűkészlet-teszt

6. Helyezze a Google Analytics szolgáltatást

Ha lát egy tőkeáttétel böngésző gyorsítótárazása kérdés, a Google Analytics követőkódjának helyi tárolása javítja ezt. Te tudod használni A WP Rocket Google követése, CAOS Analytics, vagy WP letiltása.

Leverage-Brower-gyorsítótár-Google-Analytics

7. Kerülje el a Google AdSense-t minden áron

A Google AdSense az egyik legnehezebb külső forrás az optimalizáláshoz, és ehelyett affiliate marketingt ajánlom, mivel az nem lassítja az Ön webhelyét, ráadásul jövedelmezőbb és személyesebb. Én általában évi 130 ezer + évet támad leányvállalati marketinggel, ezért feltétlenül olvassa el ezt az útmutatót.

Aranytermék-szakértő mondja:

“Általában javíthatók olyan dolgok, amelyek javítása alatt áll, de végül ez a kompromisszumra vonatkozó döntés: a bevételszerzés kompenzálja-e a sebességcsökkenést?”

Kinsta mondja:

“Ez az oka annak, ha a jövedelemmodell nem harmadik fél hirdetései köré fordul, ne tegye őket a WordPress webhelyére.”

Cloudflare Railgun egy másik lehetőség az AdSense optimalizálására, mivel felgyorsítja a dinamikus tartalmat.

Cloudflare Railgun

8. Csak a Google Maps elérhetőségi oldalát használja

Jól néz ki, igaz?

A térkép beágyazása helyett használjon egy képet, amely egy linket tartalmaz a vezetési útmutatásokhoz.

Ha beágyaz, akkor a Google Map-t csak azokon az oldalakon használja, ahol szüksége van rájuk (kapcsolattartó oldal és a fizikai helyet célzó oldalak). Soha ne a láblécben, a kütyüben vagy az egész oldalon megjelenő területeken.

Google Térkép

9. Ne lépje túl a Google Címkekezelőben

Néhányan azt állítják, hogy a Google Tag Manager valóban felgyorsíthatja webhelyét, mivel az összes Javascript-et elveszi a webhelyen, és helyettesíti azt egyetlen szkripttel, amelyet a GTM indít el.

A valóság azonban az, hogy a Google Tag Manager valószínűleg lelassítja webhelyét, kivéve ha van egy nagy, nem optimalizált webhely, amely sok harmadik fél parancsfájlját használja, ebben az esetben a GTM felgyorsíthatja azt..

A Google Tag Manager sebessége

elkerülése közös buktatókat és túl sok címke használata nem segíthet, de nem használom a GTM-et. Valójában őszintén soha nem próbáltam ki. De tudom, hogy sok rossz GTmetrix jelentésben láttam.

Azt is ajánlom Google Tag Manager a WordPress bővítményhez amely csak minden oldalhoz elindítja a szükséges címkéket (felgyorsítja a GTM betöltési idejét), és megkönnyíti a kód hozzáadását.

10. Cserélje ki a közösségi média bejegyzését a képernyőképekre

A beágyazott hozzászólások (pl. Tweetek) képernyőképeket cserélhetnek.

Időbe telik, de valójában ezeket nagyon szépnek nézheti ki. Mivel ezek a képek és nem kell információkat levonniuk a Twittertől, sokkal gyorsabban töltenek be őket, nem pedig a beágyazást.

2019 Host Poll

2017-WordPress tárhely-FB-Poll

Az Elementor ajánlásai

2019. július hosting ajánlás

2016-WordPress tárhely-FB-Poll

Kedvenc tárhely az Elementor számára

2018. évi tárhely-ajánlások

Hogyan csináltam
Blogomban a 2 oszlop elrendezése és minden oszlopot 340 pixelre (szélesség) mértünk. Ezután a Zoomolás Chrome-bővítmény kombinálva a Félelmetes képernyőkép hogy megtudja, milyen nagyításra van szüksége ahhoz, hogy jó képernyőképeket kapjak a Tweet-ről. Az egyes Tweet-ekről képernyőképeket készítettem, majd pontosan 340 képpont méretűre vágtam őket. Ezután összehasonlítottam az összes képernyőképet, hogy lássa melyik hasonló magasságú, majd levágtam vagy manipuláltam őket, így 2 képernyőképe azonos méretű. Ha két azonos szélességű / magasságú Tweeted van, akkor azok jól néznek ki egymás mellett az oszlopokban.

És igen, azt ajánlom SiteGround tárhely vagy Cloudways / Kinsta. Nagyon sok rossz recept van a webhelyen; nézd meg a Facebook szavazásait, és látni fogod, hogy kik a nyertesek.

11. Lusta betölteni a YouTube videókat

A beágyazott videók könnyen hozzá tudnak adni több mint 2 másodpercet az idő betöltéséhez.

A videókat optimalizálhatjuk lusta töltéssel és az iframe előnézeti képpel történő cseréjével, így csak akkor töltődnek fel, amikor az emberek rákattintanak a lejátszás gombra (mint például az alábbi példa videó).

Mindkettőt meg lehet tenni a WP Rocket alkalmazásban:

WP-Rocket-Lazy-Load

WP YouTube Lyte egy másik jó lehetőség, és támogatja a könnyű YouTube-beágyazásokat (csak a “kövér YouTube-lejátszó” hívására, ha rákattint a lejátszás gombra) és a YouTube miniatűrök gyorsítótárazását a helyben.

Alternatív megoldásként ez bemutató a könnyű YouTube beágyazásokhoz használható.

12. Tiltsa le a Gravatars alkalmazást

Ha sok bloggal kapcsolatos megjegyzésed van, Gravatars valóban lelassíthatja a posztot.

Végül úgy döntöttem, hogy letiltom a Gravatars-t, ami azt jelenti, hogy a megjegyzésekben nem jelennek meg arcok. A WP Rocket blogja szintén nem használja a Gravatars-ot (csak szöveget). Kicsit unalmasnak tűnhet, de ha a sebesség fontos, akkor érdemes megjegyezni a CSS-t és letiltani a Gravatars alkalmazást. A Gravatar gyorsítótár-bővítményei soha nem működtek nekem, és nem akartam elrejteni vagy megszakítani a megjegyzéseket.

Íme néhány lehetőség:

  • A Gravatars letiltása (csak a szöveg, a dátum stb. Jelenjen meg)
  • Gyorsítótár Gravatars az Optimum, a Harrys vagy az FV használatával (nem működött értem)
  • A megjegyzéseket több oldalra bonthatja, így csak néhány Gravatars jelenik meg

Nem használom a Gravatart:

Kommentár Gravatars nélkül

13. Tiltsa le a statisztikai bővítményeket

Beépülőt használ statisztikák gyűjtéséhez?

Ez lelassítja a webhelyét, és ehhez nincs szüksége plug-inre.

A Google Analytics + Google Search Console alkalmazásban mindent láthat, anélkül, hogy lelassítaná webhelyét. Nincs szüksége JetPack, WP Statistics vagy egyéb statisztikai pluginekre.

A Google Search Console Teljesítmény irányítópultja

14. Kapcsolja ki a Broken Link Checker alkalmazást

A Broken Link Checker folyamatosan ellenőrzi a szkennelést, ezért sok gazdagépen betiltotta.

Még mindig szeretem ezt a plugin-t, és néhány havonta telepítem / futtatom. De miután kész vagyok, azonnal törölöm. Kipróbálhatja Dr. Link ellenőrzés amely a webhelyén is megszakadt hivatkozásokat keres, de a WordPress irányítópultján nem javíthatja a linkeket, ahogyan a Broken Link Checker segítségével. Tehát vagy használja, és törölje azonnal, vagy használja a Dr. Link Check eszközt.

15. Kapcsolja ki a nem használt JetPack modulokat

Először tiltsa le az összes olyan JetPack modult, amelyet nem használ.

De miért telepítne egy robusztus plugint, ha csak néhány funkciót használ? Ha statisztikára van szüksége, használja a Google Analytics-t, a Cloudflare-t egy ingyenes CDN-hez, az UpdraftPlus-t biztonsági másolatok készítéséhez, a WP Rocket-t a lusta betöltéshez és a biztonság érdekében a Wordfence, a Sucuri vagy az iThemes Security használatát használja..

Nem kell az összes ilyen modulra, nem is beszélve egy dagadt bővítményről.
Priorizálja a szükséges szolgáltatásokat, és telepítse az egyes plug-ineket. Végül is ez a könnyű témák teljes koncepciója (vásároljon minimális funkcióval rendelkező témát, és támaszkodjon pluginokra a szükséges elemek hozzáadásához). Ne telepítsen egy dagadt témát vagy beépülő modult, és ne ragadjon meg a sebességveszteséggel.

1. lépés: Menjen a JetPack műszerfalához, görgessen lefelé, és kattintson a Hibakeresés elemre.

JetPack Debug

2. lépés: Nyissa meg a WordPress webhelyén elérhető JetPack modulok teljes listáját.

JetPack modulok elérése

3. lépés: Deaktiválja az összes nem használt modult.

JetPack modulok

16. Tilos letiltani a magas CPU-os közösségi megosztású bővítményeket

A közösségi megosztási gomboknak meg kell vonniuk a részvények számát a Facebookból, a Twitterből stb.

Ha a bővítménynek lehetősége van ezeket időről-időre vagy csúcsidőn kívül frissíteni, akkor ez sokkal jobb, mint ezen számok valós időben történő frissítése. Ugyanakkor valószínűleg csak azt akarja tudni, hogy melyik közösségi megosztás-bővítmény a leggyorsabb és legkönnyebb, ezért itt talál néhányat.

Közösségi megosztás-beépülő modul kérések

Ajánlott (könnyű) közösségi megosztás-bővítmények:

17. Kapcsolja ki és cserélje ki a többi magas CPU-bővítményt

Ennek oka a WP Engine, a GoDaddy és más házigazdák feketelista bizonyos típusú bővítmények.

A legtöbb lassú WordPress bővítmény a következőket tartalmazza: társadalmi megosztás, statisztika, csúszka, biztonsági mentés, oldalkészítők, naptár, csevegés, kapcsolatfelvételi űrlap, portfólió, kapcsolódó hozzászólás, webhelytérkép, Wordfence, WPML, WooCommerce, JetPack és a folyamatban lévő letapogatást vagy folyamatot futtató beépülő modulok. A lassú beépülő modulok megtalálhatók a Query Monitor segítségével vagy a GTmetrix Waterfall jelentésben.

  1. Adja hozzá
  2. AdSense kattintási csalások figyelése
  3. All-in-One eseménynaptár
  4. Backup Buddy
  5. Hódépítő
  6. Jobb WordPress Google XML webhelytérképek
  7. Törött link ellenőrző (használja a Dr. Link ellenőrzést)
  8. A WordPress állandó kapcsolattartója
  9. Kapcsolatfelvételi űrlap 7
  10. Kontextuálisan kapcsolódó hozzászólások
  11. Digi Auto Links
  12. Disqus megjegyzésrendszer
  13. Divi Builder
  14. Alapvető rács
  15. Facebook Chat
  16. Képzelet Galéria
  17. Fuzzy SEO Booster
  18. A Google Analytics
  19. Google Language Translator
  20. Tekintse meg a 65 lassú WordPress bővítmény teljes listáját

18. Kapcsolja ki a WooCommerce szkripteket, stílusokat, kosaratöredékeket

Az összes WooCommerce webhely extra szkriptekkel, stílusokkal és kosártöredékekkel rendelkezik.

Ezek betöltődnek a teljes webhelyen – még a nem WooCommerce oldalakon is. A kosaratöredékek önmagukban akár kb 10 másodperc tölteni. A tetején 3 WooCommerce stíluslap és a WooCommerce által létrehozott több szkript (és az a tény, hogy a WooCommerce webhelyek általában több plugint igényelnek), nem csoda, hogy ezeknek a webhelyeknek a többsége általában lassú az oldal betöltése.

WooCommerce kosár töredékek

1. lehetőség: Asset CleanUp
Szelektív módon tiltsa le a WooCommerce funkciókat azokon az oldalakon, ahol nem kell őket betölteni.

Eszköz CleanUp WooCommerce

2. lehetőség: Használja a Github kódját
A WooCommerce szkriptek letiltása: adja hozzá kód functions.php:

A WooCommerce stílusok letiltása: lásd a WooCommerce-t oktatói.

A WooCommerce kosárfragmensek letiltása: adja hozzá kód to funtions.php:

3. lehetőség: Perfmatőrök
A Kinsta Perfmatters bővítmény lehetővé teszi ezeknek az 1 kattintással történő letiltását, plusz még sok más lehetőséget jellemzők a webhely optimalizálásához, például a felesleges WordPress funkciók letiltásához. Saját honlapomon használom.

átalakítók a kereskedelem optimalizálása

19. Disqus feltételes terhelés

A Disqus és számos komment-bővítmény külső kéréseket hozhat létre.

Disqus feltételes terhelés a Disqus fejlett változata, amely magában foglalja a lusta betöltést és a szkript letiltását. Ha a Disqus kéréseket készít a GTmetrix jelentésben, ez a legtöbb javíthatja azokat.

Disqus feltételes terhelés

20. Szelektív módon töltse be a 7. kapcsolattartó űrlapot

Bár nem vagyok nagy rajongója a 7-es kapcsolattartó űrlapnak, mert a lassú töltési idők, megteheted a JavaScript + Contact Form 7 stíluslapot csak azokon az oldalakon töltse be, amelyek kapcsolattartási űrlapokat használnak. Egyébként minden oldalra betölti. Javaslom a Gravity Forms vagy egy másik gyorsabb formátumú plugin-t.

Az Asset CleanUp használatával letilthatja a kapcsolattartási űrlapokat azokon az oldalakon is, amelyek nem használják őket:

Asset CleanUp Selective Disable

21. A Facebook Pixel gyorsítótárazásának engedélyezése

WP Rocket’s Facebook Pixel kiegészítő lehetővé teszi a böngészés gyorsítótárazásának alkalmazását a Facebook Pixel alkalmazásban.

Csak így optimalizálhatom a Facebook Pixel tudásomat, amely lehetővé teszi, hogy nyomon tudja követni, ki jön az Ön weboldalára, és nyomon tudja követni őket a Facebook hirdetések segítségével, többek között.

A Facebook Pixel böngésző gyorsítótárazása

22. Helyesen konfigurálja a gyorsítótár-bővítményt

Annak ellenére, hogy az nagyon fontos, a legtöbb ember nem konfigurálja megfelelően a gyorsítótár-bővítményt.

Számos GTmetrix hiba kapcsolódhat azokhoz a dolgokhoz, amelyeket a gyorsítótár-beépülő modul képes kezelni (fájlok tömörítése és egyesítése, JavaScript elhalasztása, gyorsítótárazás, lejáró fejlécek hozzáadása, video optimalizálás, CDN-fájlok kiszolgálása és a Google Fonts + Analytics helyi tárolása). Mivel a különböző gyorsítótár-bővítmények különböző funkciókkal rendelkeznek, akkor minden beállítást át kell néznie, és erőteljesen tesztelnie kell, ellenőrizve, hogy az engedélyezési szolgáltatások gyorsabban betöltenek és jobb pontszámokat eredményezhetnek..

Személy szerint én használom a WP Rocket alkalmazást, mivel számos olyan funkcióval együtt jön, amelyek a legtöbb gyorsítótár-bővítménynél nem találhatók (betűkészletek, elemzések és a Facebook Pixel helyben tárolása, lusta képek és videók betöltése, adatbázis-tisztítás, előtöltések, pulzusvezérlés, valamint a Cloudflare és a több CDN integrálása) mint a StackPath). Ellenkező esetben előfordulhat, hogy 7 további beépülő modult kell telepítenie az optimalizáláshoz.

Cache plugin oktatóanyagok:

WP rakétafájl-optimalizálás

23. A CDN-k nem segítenek

A CDN-k nagyszerűen optimalizálhatják a fájlokat a ti WordPress webhely.

De a külső szkriptek esetében ez nem fog segíteni. Még a StackPath-nal is üzenetet tettem, aki azt mondta, hogy míg a CDN-k sok más szempontból segítenek, a külső szkriptek nem tartoznak ide. Van értelme – hogyan lehet letölteni valamit, ami még a webhelyét sem tárolta? Nos, legalább őszinték voltak.

Még mindig ajánlom CloudFlare és a StackPath, mivel óriási segítséget nyújtanak az erőforrások adatközpontokba történő letöltésében (a kiszolgáló lazábbá tétele), valamint olyan szolgáltatásokkal, mint a Cloudflare oldalszabályok, a Hotlink védelem és a biztonsági funkciók egyaránt felgyorsítják és megóvják webhelyét. A további CDN-k pedig több adatközpontot jelentenek a fájlok tárolásához, ami azt jelenti, hogy a tartalom még gyorsabb lesz. Ezért használom mind a Cloudflare, mind a StackPath CDN-jét.

24. Használjon Cloudflare dolgozókat

Dolgozók egy JavaScript végrehajtási környezet, amely lehetővé teszi a fejlesztők számára a meglévő alkalmazások kibővítését vagy újak létrehozását az infrastruktúra konfigurálása vagy fenntartása nélkül. Az ára 5 dollár / hónap + felhasználás (az első 10 millió munkavállalói igényű szolgáltatás ingyenes, majd $ 50 / millió igénylés). A munkavállalókat konfigurálhatják bizonyos oldalak, aldomainek stb. Futtatására. Itt kipróbálhatja.

25. Futtasson magas CPU feladatokat lassú időkben

A biztonsági mentéseknek, a megszakadt hivatkozás-ellenőrzőnek és más magas CPU-feladatoknak lassú időben kell futniuk. Egyszerű.

Gyakran Ismételt Kérdések

&# X2705; Hogyan találhatom meg, mely harmadik fél szkriptei lassítják webhelyem?

Ezek általában a GTmetrix YSlow lapon a DNS-keresések csökkentése szakaszban jelennek meg. A leggyakoribb harmadik fél szkriptek a Google Fonts, Analytics, Maps, AdSense, Google Tag Manager, közösségi média kérések, beágyazott YouTube-videók és Gravatars.

&# X2705; Hogyan lehet optimalizálni a Google Betűtípusokat?

A Google Betűtípusok egyesítése és helyben történő tárolása a legjobb módja a betűtípusok gyorsabb betöltésének. A betűkészleteket előzetesen letöltheti és újracsatlakoztathatja. Próbálja ki az OMGF plugin használatát.

&# X2705; Mi a helyzet a szociális média hibáival a GTmetrix-ben?

Ezeket általában a közösségi megosztási gombok, a közösségi média kütyü vagy a webhely bármely más közösségi média elem okozza. Ezeket általában NEM lehet optimalizálni – a legfontosabb az, ha egy könnyű közösségi megosztás-bővítményt választ, ha úgy dönt, hogy egyet.

&# X2705; Hogyan javíthatjuk ki a böngésző gyorsítótárazási problémáját a Google Analytics számára?

Kipróbálhatja a Google Analytics követőkódjának helyi tárolását akár a WP Rocket (vagy bármilyen használt gyorsítótár-bővítmény), akár a CAOS Analytics-bővítmény révén. A hiba javítása azonban általában nem javítja közvetlenül a betöltési időt.

&# X2705; Tudom-e beágyazott YouTube-videókat gyorsabban betölteni?

Igen, olyan pluginekkel, mint a WP Rocket vagy a WP YouTube Lyte, lustán töltheted be a videókat, és az iframe-et helyettesítheted egy előnézeti képpel. Ez megronthatja a tartalom betöltési idejének több másodpercét.

Hogy van most a GTmetrix jelentése??

Honlapom 100%, de a hozzászólásaim általában lenyűgözőbbek.

1,7 másodperces betöltési időt veszek egy 6,28 MB oldalra, 196 kéréssel minden nap.

Eredetileg a webhelyomat lassító külső szkriptek a Google Fonts, a Google Analytics, a beágyazott YouTube-videók, a beágyazott Tweetek voltak, és némi problémám merült fel a StackPath CDN-jének konfigurálásán. De ha egyszer végrehajtottam a bejegyzés lépéseit (és egy vagy két plugint feláldoztam), a teljes WordPress-webhelyem általában nevetségesen gyorsan betöltődik.. Cloudways tárhely szintén segített.

A 2019-es GTmetrix jelentés

A legfontosabb dolog, ami visszaszorítja ezt a hozzászólást 100% -ban, a beágyazott Github kódok. De hé, nem lehet mindig tökéletes, és legalább van Githubom az előre csatlakoztatott és előre feltöltött listámban!

Kell segítség?

Hagyj egy megjegyzést, vagy lépj kapcsolatba a csapatunkkal a WordPress sebességszolgáltatásunkról.

Egészségére,
Tomi

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