Free Press

Az, hogy milyen gyorsan töltődik be a webhelyed, közvetlen hatással lehet arra, hogy a látogatókból új ügyfelek és rajongók lesznek-e. Ha webhelyed gyorsan eljut a látogatókhoz, akkor mindenkinek esélyt adsz arra, hogy foglalkozzon a tartalmaiddal. Ráadásul az oldal betöltési sebessége és a szerver válaszideje jelentős tényező abban, hogy a Google hogyan rangsorolja webhelyét.

De ha nem csökkenti a szerver válaszidejét, és két vagy több másodpercig tart a betöltés (még a műszerfala is), akkor nem optimális élményt nyújt látogatóinak, és sokan még azelőtt távoznak, hogy webhelye betöltése befejeződne. Ha tehát laptopon, telefonon vagy táblagépen néhány másodpercnél tovább tart a webhely betöltése, akkor lehet, hogy van mit tennie a betöltési idő minimalizálása érdekében.

A jó hír az, hogy tehet ellene valamit. Ha javítani szeretnéd a szerver válaszidejét a WordPress webhelyeden, akkor a legjobb helyen jársz.

Teszteld először

⁉️Ha nem vagy biztos benne, hogy rossz a kapcsolatod, lassú az internet, vagy összességében hibás az oldalad, teszteld le! Kattints a Tweetre az interneten található számos eszköz közül az egyikre. Az egyik ilyen eszköz a Google saját Page Speed Insights eszköze. Vannak más jó eszközök is, például a GT Metrix és a Pingdom.

Még ha beírod a saját URL címedet az oldalra, adatokat kapsz arról a 10 szabályról, amelyek alapján megítélik a weboldaladat. Ezek közé tartozik a szerver válaszideje, az oldal átirányítása, az optimalizált képek és egyéb olyan szabályok, amelyeket csak egy kódolási vagy WordPress-szakértő ismerhet.

Túl sok WordPress-csatlakozót telepítettek

A WordPress egyik legjobb tulajdonsága a bővítmények. Segítségükkel tetszés szerint optimalizálhatod és testre szabhatod az oldalt. Azonban a sok ingyenes lehetőség miatt könnyű egy kicsit plugin-paloozába esni azzal, hogy mindent telepítesz, akár használod, akár nem. Ne feledje, hogy ezek a pluginok mindegyike plusz betöltési időt adhat, és némelyik akár meg is duplázhatja a betöltési időt.

Nem biztos benne, hogy igen vagy nem? Próbálja meg egyesével kikapcsolni az egyes pluginokat. Ezután tesztelje újra az oldal sebességét. Ha találsz egy vagy két bántó plugint, próbáld meg lecserélni őket egy másik, könnyebb pluginnal, vagy keress egy kódolási lehetőséget. Óvakodjon az olyan gyorsítótárazó bővítményekkel szemben, amelyek azt ígérik, hogy mindent megtesznek. Lassíthatják a válaszidőt, és még így sem biztos, hogy megoldják a problémát. Sok esetben, amit csinálnak, azt némi kódolással is el lehet érni.

A WordPress bővítmények jó száma bármely webhelyhez 5-10. Azonban sok olyan bővítmény van, amely egyfajta all-in-one-ként szolgál. Például a Visual Composer egy nagyszerű oldalépítő. Tartalmaz egy kapcsolatfelvételi űrlap opciót, csúszkázási lehetőségeket és egyebeket is – amelyek kiküszöbölik a többi hasonló WordPress bővítmény szükségességét, amelyek lassíthatják a szerver válaszát.

Render-blokkoló JavaScript

Ha észrevetted a saját tesztünk screengrabját a weboldalon, ez a probléma merült fel először. Akkor fordul elő, amikor a böngésző megpróbál renderelni egy oldalt, és egy olyan szkriptbe ütközik, amelyet végre kell hajtania, mielőtt folytathatná a betöltést. Ez plusz betöltési időt okoz, és lassúvá teheti a webhelyet.

A külső szkriptek esetében a betöltési időt befolyásolja az erőforrás letöltése. Ez arra kényszerítheti a böngészőt, hogy többször próbálkozzon a betöltéssel. Az ilyen típusú szkriptek közé tartoznak a külső widgetek, például a Twitter vagy a Facebook számára, vagy valami beágyazott. A legjobb módja ennek kezelésére néhány kódrészlet, de minden webhely más és más.

Szükségtelenül hosszú CSS vagy JavaScript

A CSS, vagyis a kaszkádoló stíluslapok határozzák meg a webhely hangját, és utasításokat tartalmaznak a böngésző számára a betöltendő színekre, a betűtípusra és -méretre, a táblázat kódjára, a fejlécre, a láblécre, a menüre stb. vonatkozóan. Az ilyen típusú fájlok több tucat oldal hosszúak lehetnek, és több száz sornyi kódot tartalmazhatnak.

Ezek a fájlok azonban sok esetben extra szóközöket, sortöréseket és egyéb olyan információkat tartalmaznak, amelyeket a webhelynek nem kell betöltenie. Tekintettel arra, hogy az ilyen típusú extra bitek hányszor jelenhetnek meg egy fájlban, ez sok betöltési időt adhat a webhelyének.

Az egyes ilyen bitek kiküszöbölésével felgyorsíthatja webhelyét. Egyesek úgy döntenek, hogy kézzel szüntetik meg az egyes biteket, ami időigényes és veszélyes feladat lehet. Elég egy rossz törlés, és összeomolhat az oldalad. Szerencsére a legegyszerűbb megoldás az oldalad CSS-ének minifikálása.

A képek nincsenek tömörítve vagy optimalizálva

Mit ér egy jó weboldal jó képek nélkül? A méret azonban nem mindegy. Míg egy 5000px x 3000px-es kép nagyszerű a keretezéshez, a weboldalad számára borzalmas. Ne feledje, hogy a legtöbb asztali képernyő 1920px széles, a mobil képernyők pedig általában nem szélesebbek 700px-nél.

Attól függően, hogy látogatói várhatóan hogyan fogják elérni a webhelyet, ennél nagyobb képet soha nem kell közzétennie. Ha pedig azt tervezi, hogy egy képet az oldal felére használ, akkor a feltöltés előtt méretezze át a képet a felére. Ezt megteheti Macen az Előnézet segítségével, Windowson a Képkezelővel, vagy akár online a Pixlr, Fotor vagy más hasonló képszerkesztő webhelyen.

Most, hogy a képed megfelelő szélességű és magasságú, győződj meg arról is, hogy a fájl mérete is megfelelő. A DPI a “dots per inch” rövidítése, és egy jó módszer arra, hogy csökkentse a kép méretét. Míg a 300-as DPI sok nyomtatásra szánt kép esetében megfelelő, a legtöbb képernyőhöz – különösen a mobilokhoz – túl nagy. A 72-es DPI meglehetősen szabványos a webes publikáláshoz, és optimalizálhatja a képek betöltési idejét.

Végül van egy WP Smush nevű bővítmény, amely segíthet a képek tömörítésében, még akkor is, ha már feltöltötted őket. A telepítés után automatikusan tömöríti a betöltött képeket. Használhatod a már feltöltött képek tömörítésére is, ha megnyomod a “smush it” promptot, amit ad neked.

Lassú szerver válaszidő

Az egyik ok, amiért a WordPress ilyen lassú, természetesen nem biztos, hogy a te hibád. A tárhelyszolgáltatód (Bluehost, Hostgator, iPage stb.) lehet, hogy fukarkodik azzal, hogy mekkora sebességet adnak neked, így szinte lehetetlen csökkenteni a WordPress szerver válaszidejét a webhelyeden. A két leggyakoribb tárhelytípus a következő:

1. Megosztott tárhely vagy virtuális tárhely – Az ilyen típusú szerverek egyfajta közösségi tulajdon, amelyben több weboldalnak ad otthont, köztük a tiédnek is. Ez azt jelenti, hogy csúcsidőben a weboldalad a szerveren lévő összes többivel versenyez, hogy minél gyorsabban eljusson a látogatóidhoz. Az ilyen típusú tárhelyek azt is megkönnyítik, hogy valaki, aki megosztja a szerverét, feltörje a webhelyét. Vannak itt minőségi szolgáltatók, mint például a SiteGround, de mindig óvatosnak kell lennie, ha megosztott szervereken hostingol.
2. Teljesen menedzselt WordPress tárhely – Ez a szervertípus kizárólag Önnek és weboldalának van dedikálva. Feldolgozási teljesítménye és erőforrásai csak az Ön számára vannak dedikálva, ami drágábbá teheti. Viszont gyorsabb és biztonságosabb lesz.

Szükségtelen oldal és poszt átirányítások

Ha webhelye már egy ideje létezik? Lehet, hogy töröltél néhány oldalt, a WordPress-től eltérő platformot használtál, vagy más nagyobb változtatásokat hajtottál végre az elmúlt években. Azonban más webhelyek, amelyek linkeltek rád (és még a keresőmotorok is), rendelkezhetnek a régi URL-jeiddel.

Ezek az URL-ek egy halott oldalra vagy egy “301 Moved Permanently” vagy “302 Found” nevű piros oldalra mutathatnak. Ez alapvetően azt jelenti, hogy a szerverednek előbb kell eljutnia ezekre az oldalakra, mielőtt a valódi oldalra lépne, ami a betöltési időt megnöveli. Az ilyen típusú problémákra számos megoldás létezik, többek között a külső linkek kézi szerkesztése, a régi oldalak eltávolítása, egy jobb átirányítási kód hozzáadása, vagy akár ezen oldalak visszahozása.

A WordPress elavult

Bosszantó lehet, ha a WordPress hetente többször is frissítést kér. Ez gyakran a bővítményekre, témákra vagy akár magára a CMS-re is vonatkozik. Bár ez fájdalmas lehet, és akár le is döntheti az oldalt, ha inkompatibilis elemeket frissítenek, megéri.

A lassú válaszidőt okozhatják az elavult eszközök, és egy egyszerű kattintással megoldható a probléma. Az ilyen típusú frissítések gyakran járnak fejlesztésekkel, és ezek közül sokan a sebességet veszik figyelembe. Ha bizonytalan, végezzen sebességtesztet a frissítések előtt és után.

Nem használt tömörítés

A CSS és a JavaScript kicsinyítéséhez hasonlóan a WordPress egyéb elemei is optimalizálhatók a felesleges kód eltávolításával, azaz “tömörítéssel”. Ezt gzip tömörítésnek vagy hasonlónak is nevezhetjük.

A mai böngészők mindegyike támogatja ezt a fajta gzip tömörítést minden HTTP vagy HTTPS kérésnél. ☝️A gzip tömörítés engedélyezése akár 90%-kal is javíthatja a lassú válaszidőt! Click To Tweet Ez az egy trükk lehet a “minden méretre megfelelő megoldás” arra, hogy miért olyan lassú a WordPress, ezért fontos, hogy megcsináld, és győződj meg róla, hogy jól csinálod. A Gzip tömörítés elvégezhető plugin, kódolás vagy más eszköz segítségével, és nagyon ajánljuk.

BONUS: Teszteld a mobil webhelyedet

Ha szeretnéd tesztelni, hogy mindezen változtatások hatására mobilbarát lett-e a webhelyed, használd ezt az ingyenes eszközt. A Google mobilbarát tesztje teszteli, majd megmutatja, hogyan néz ki webhelye mobiltelefonon. A WP Buffs webhelyét lefuttattuk rajta, és pozitívan szerepelt a teszten. azok, akik nem mennek át, megkapják az okokat, hogy miért, valamint tippeket, hogyan javítsák webhelyüket.

Szóval, miért lassú a webhelye?

Remélhetőleg ez segít megoldani, hogy miért lassú a webhelye, és javítani a késedelmes válaszidőn. Ha nem ismeri a kódolást, segítségre van szüksége a képek optimalizálásában vagy hasonló feladatokban, vagy szeretné a lehető legtöbbet kihozni WordPress webhelyéből, vegye fel velünk a kapcsolatot, hogy megtudja, hogyan tudunk segíteni. Feliratkozhat ingyenes hírlevelünkre is, hogy csodálatos tippeket kapjon egyenesen a postaládájába. Ha pedig még egy kicsit több segítségre van szükséged webhelyed felgyorsításához, itt találsz mindent, amit a WP Buffsnál a teljesítmény optimalizálása érdekében teszünk, valamint néhány tippet a WPblogtól.