Egy klasszikus film idézéséhez: „Szükségem van a sebesség szükségességére!”. Ez most a Google mantrája is a webhelyek rangsorolásakor.
A webhely elég gyors-e a mobil látogatók számára? Ha nem, akkor a szeretett első oldal rangsorát apróra vágva találja meg.
A Google praktikus eszközt biztosít amely azt méri, hogy a webhely milyen gyorsan (vagy nem) töltődik be, majd részletes javaslatokat nyújt a webhely sebességének javítására.
De ha van A WordPress webhelyén található néhány alapvető lépés, amelyet azonnal megtehet azért, hogy megszabadítson egy értékes értékesítési időt.
Vágja le az összes terápiát a kezdőlapjáról
Ha saját webhelyét készítik, természetes az, hogy belekapaszkodik, és illeszkedik az összes feltűnő haranghoz és síphoz. Nagyszerű képek, közösségi média kütyü, YouTube-videók és így tovább. De noha ezek a dolgok nagyszerűnek tűnnek, a töltési időkhöz számít, ha valaki meglátogatja az Ön webhelyét. Különösen akkor, ha a mobil eszközön látogatnak.
Manapság a megoldás a "kevesebb, annál több". Vegye ki egy levelet a Google könyvéből, tiszta első oldalukkal. Korlátozza a kezdőlapján lévő képeket legfeljebb egy vagy kettőre. Legfeljebb kettőre korlátozhatja a közösségi média kütyüket (ha vannak ilyenek). Tartsa teljesen távol a beágyazott videókat.
In_content_1 all: [300x250] / dfp: [640x360]->Az összes kép tömörítése
A következő lépés annak biztosítása, hogy minden kép lehető legkisebb legyen. A képek lassan betöltő webhelyek első számú bűnösje. De minél kisebb a képméret, annál gyorsabban tölti be a kép.
Most nem értem feltétlenül a magasságot és a szélességet. Többet beszélek a fájl méretéről. A nagy felbontású képek fantasztikusnak tűnhetnek, de ha az 500 MB-os kép örökre betöltődik, akkor az emberek unatkozni fognak és elmennek.
Két jó módszer létezik a képek tömörítésére. Az egyik a Smush, amelyet nemrégiben tárgyaltam a WordPress pluginokról, amelyeket mindig használhatszcímű cikkemben. A másik a TinyPNG melyik rendelkezik egy WordPress bővítménnyel is.
AnyUnneched plugins & témák eltávolítása
Miután elkészített egy machete-t a kezdőlapodra, és tömörítette a képeit, A következő lépés a pluginok és témák áttekintése.
Most, ha nincs nagyon jó oka erre, akkor nem kell megőriznie azokat a témákat, amelyeket nem használ. Ha szükséges, később újra telepítheti őket. Tehát szabaduljon meg minden témától, kivéve azokat, amelyeket jelenleg használ.
Beépülő modulok esetén a kevesebb több. Én személy szerint megpróbálom elkerülni a húsz plugint, de tudom, hogy ez még mindig túl sok. A titok itt csak az, hogy kikapcsolja azokat, amelyeket jelenleg nem használ. A szükségtelen hangok eltávolítása nyilvánvalóan jobb, de legalább kapcsolja ki a párot, ha egyelőre nincs rá szükség.
A Jetpack telepítése és a „Lazy Loading” engedélyezése
Bár nagyon szelektívnek kell lennie pluginok, amelyeket használnia kell, két plugin van, amelyek valóban segítenek az oldal sebességében. Az első a Jetpack, amelyet a az alapvető WordPress-bővítményekről szóló cikk.
című cikkben szintén tárgyaltam. A Jetpack egyik jellemzője a Lazy Loading. Ez akkor fordul elő, amikor az oldalak képei csak akkor töltődnek be, amikor a látogató az adott oldal mentén görgeti az oldalt. Egyes WordPress témák nem működnek túl jól aLazy Loading funkcióval, ezért ezt gondosan ellenőrizni és ellenőrizni kell.
A Jetpack (amely a WordPress tulajdonában van) globális kiszolgálókkal és „webhely-gyorsítóval” rendelkezik. A szolgáltatás a képeket és fájljait a szervereire helyezi, így gyorsabban mozoghatnak.
A Lusta Betöltés és a Webhely Gyorsító is ingyenes, tehát bekapcsolással elengedheti magát.
A ContentCaching bekapcsolása
A másik beépítendő bővítmény egy gyorsítótár-bővítmény.
Ha nem tudja, a gyorsítótárazási plugin elmenti az apage verzióját, és ezt a verziót a webhely látogatói számára megjeleníti egy adott ideig. Ez megakadályozza a képek, fájlok és egyéb elemek folyamatos újratöltését.
A gyorsítótár olyan, mint egy pillanatkép arról, hogy milyen volt a webhely harminc perccel ezelőtt, ezért jó azoknak a webhelyeknek, amelyeknek első oldalai nem gyakran cserélnek.
Szerelem-gyűlölet kapcsolat a gyorsítótár-beépülő modulokkal, mivel szeretek folyamatosan gondolni a webhelyem tervezésére, és a gyorsítótár megakadályozza, hogy azonnal észrevegyem az elvégzett változtatásokat. Néhány jól átgondolt gyorsítótárazási plugin például a WP Super gyorsítótár és W3 teljes gyorsítótár.
Fontolja meg a CDN használatát
Amikor valaki meglátogatja a webhelyet, gyorsabban fog betölteni. ha a webhelyet tároló szerver nem túl messze található. Más szavakkal: minél távolabb van a szerver a világon, annál hosszabb időt vesz igénybe a szükséges adatok ahhoz, hogy útjára kerüljenek, ahol a webhely látogatója található.
Tehát ha a látogató az Egyesült Államokban van, ésszerű, ha a webhely egy amerikai szervertől érkezik, miközben valaki Európában láthatja, hogy webhelye egy európai szervertől érkezik.
Ezt csinálja a tartalom elosztó hálózata (CDN). hogy a Jetpack el tudja helyezni az adatait a globális szerverekre, hogy gyorsabbá váljon? Ez egy CDN.
A CDN általában pénzbe kerül, de általában nem túl drága, és a legtöbb kínál alapszintű ingyenes csomagot. A három nagy név: CloudFlare, Google Cloud CDN és Amazon Web Services.
Helyezze az AllScripteket a láblécbe
Végül szükséges, hogy egyes webhelyfunkciók működjenek, hogy a webhelyen beágyazott szkriptet megkapja. Ez magában foglalhatja a GoogleAnalytics, a Facebook hirdetési képpontok és a Google Ads kódját.
Általában sok ember (mint én) ezeket a szkripteket helyezi a webhely fejlécébe. De ez azt jelenti, hogy ezeknek a szkripteknek teljes mértékben betölteniük kell a webhely többi része előtt. De ha ezeket a szkripteket a láblécbe helyezi, akkor lehetővé teszi, hogy az összes más betöltse az elejét.
A legegyszerűbb módszer ennek az, ha a szkriptkódot azHTML widgetbe helyezi, majd a WordPressfront oldal lábléc szakaszába helyezi. .