Google Pagespeed ​​Insights: Problémák Megoldása És Környezetbarátabbá Válás

A Google PageSpeed ​​Insights [1] kiváló eszköz a webhely teljesítményének megtekintéséhez. Ha rossz eredményt kap, itt található egy cikksor, amely könnyen megoldható megoldásokat kínál a legtöbb kérdés megoldására.


Google PageSpeed ​​optimalizálás

A Google PageSpeed ​​Insights [1] kiváló eszköz a webhely teljesítményének megtekintéséhez. Ha rossz eredményt kap, itt található egy cikksor, amely könnyen megoldható megoldásokat kínál a legtöbb kérdés megoldására.

Google PageSpeed ​​Insights

Ez lehetővé tette számomra, hogy zöldvá váljon a Google PageSpeed ​​Insights [1] alkalmazásban, a mobiltelefonon elért 17-es pontról (1. ábra) 89-re (14. ábra), és 35-ről (3. ábra) 89-re az asztalon (16. ábra). ).

Van azonban egy módja annak, hogy zöld színűvé váljon anélkül, hogy bármit is magának kellene megvalósítania, az Ezoic platform Site Speed ​​Accelerator eszközével, amely minden optimalizálást elvégez az Ön számára: lásd alább, és kövesse az útmutatót!

1. lépés: optimalizálja a webes képeket

Ez lehetővé tette számomra, hogy átadjam a Google PageSpeed ​​[1] tesztet a képek optimalizálására [2] egy webhelyen, a mobilon lévő 17-es pontszámból (1. ábra) 51-ig (2. ábra), és 35-ről (3. ábra) a következőre: 59 az asztalon (4. ábra).

Képek optimalizálása PageSpeed ​​Insights Google Developers

2. lépés: CSS és javascript optimalizálás

Távolítsuk el a renderelés-blokkoló JavaScript és CSS-eket a szeres tartalom felett.

Ez lehetővé tette számomra, hogy átadjam a Google PageSpeed ​​[1] tesztet. Távolítsuk el a webhelyen a renderelt blokkoló JavaScript és CSS a tartalom felett (együtt a böngésző gyorsítótárazással [6]), ami 51-es pontszámból származik a mobilon ( 5. ábra - 72 (6. ábra), és 59-től (7. ábra) 79-ig az asztalon (8. ábra).

3. lépés: engedélyezze a webböngésző gyorsítótárát

A böngésző gyorsítótárazása lehetővé tette számomra, hogy átmegyek a Google PageSpeed ​​[1] teszten A böngésző gyorsítótárának gyorsítótárazása [5] (valamint a megjelenítő blokkoló JavaScript és CSS megszüntetése a tartalom felett [4]) egy webhelyen 51 (mobil) (9. ábra) 72-ig (10. ábra), és 59-től (11. ábra) 79-ig az asztalon (12. ábra).

Leverage böngésző gyorsítótárazása PageSpeed ​​Insights Google fejlesztők

4. lépés: A tömörítési htaccess engedélyezése

A tömörítés engedélyezése a htaccess-ben lehetővé tette számomra, hogy átadjam a Google PageSpeed ​​[1] tesztet a böngésző gyorsítótárának gyorsítótárazását [7] egy weboldalon, ami a mobilon (13. ábra) a 89-es értékből (14. ábra) emelkedett, és 79-ből (79) 15. ábra - 89-ig az asztalon (16. ábra).

A szöveges eszközök kódolásának és átviteli méretének optimalizálása - webalapok

Zöld a PageSpeed ​​Insights Google eszköz a Site Speed ​​Accelerator segítségével

Miután a PageSpeed ​​Insights Google pontszámán visszatértem a nagyon rossz vörös 18-as ponthoz: 18 mobilon és 29 asztali számítógépen, megtudtam azt a csodálatos eszközt, amely a Site Speed ​​Accelerator, és az összes optimalizálást elvégzi helyettem, egyszerűen egy kattintással. gombra, miután beállítottam a webhelyemet a DNS-jük használatára, amely lehetővé teszi számukra, hogy a nevemet rendereljék és optimalizálják.

Így működik: amikor a felhasználó kér egy oldalt a webhelyemről, akkor közvetlenül a szerveremtől kérdezi, melyik a legjobb olcsó webtárhely, hogy eljuttassa neki az oldal kódját. A szerverem küldi neki. Ez a szokásos munkamód.

Mester weboldal létrehozása: Jelentkezzen most!

Átalakítsd digitális jelenlétét az átfogó weboldal -létrehozási tanfolyamunkkal - kezdje el az utat, hogy ma webes szakértővé váljon!

Jelentkezzen ide

Átalakítsd digitális jelenlétét az átfogó weboldal -létrehozási tanfolyamunkkal - kezdje el az utat, hogy ma webes szakértővé váljon!

Külső DNS használatával azonban a felhasználó meg fogja kérni a DNS-t, hogy kapja meg a weboldalt a szerveremtől neki, a szerverem pedig elküldi a weboldal forráskódját ennek a közvetítő DNS-nek, amely képes lesz módosítani a kódot, és gyorsítótárba helyezni és a Föld különböző helyein tárolni a gyorsabb küldés érdekében, valamint optimalizálni, hogy egy jobb weboldalt juttasson el a felhasználóhoz.

Így képes az Ezoic Site Speed ​​Accelerator optimalizálni a weblapjaimat, és sokkal jobb pontszámmal eljuttatni őket közvetlenül a felhasználóhoz, mint amennyit én magam szereznék. Nézze meg saját maga, hogy a webhelyem opcióinak egyszerű aktiválásával 18-as pontszám mobilon 90-es zöld pontszámig, és piros-tól 29-ig asztali gépen zöld-értékig 99-ig!

A Site Speed ​​Accelerator által kínált optimalizálási lista a következő, és folyamatosan frissül az új webhely-optimalizálásokkal, amelyek zöldre teszik a PageSpeed ​​Insights Google pontszámát:

  1. CSS optimalizálás, először a kritikus CSS renderelésével, a fel nem használt CSS elküldésével vagy optimalizált betűtípusokkal,
  2. Képek optimalizálása, a képek lustán betöltve, a következő generációs formátumú Webp használatával, a képek automatikus átméretezésével és a háttérképek előzetes betöltésével,
  3. A statikus eszköz gyorsítótár-házirendje, amely megmondja a böngészőknek, hogy tárolják a képeket, stíluslapokat és szkripteket,
  4. A böngészőkhöz való előzetes kapcsolódás az eredethez utasítások automatikus létrehozása,
  5. HTML tömörítés különböző lehetőségekkel a HTML megjegyzések, végcímkék, idézőjelek vagy szóközök elrejtésére vagy elrejtésére,
  6. A szkriptek végrehajtásának optimalizálása a parancsfájlok késleltetésével, a hirdetések késleltetésével és a processzorigényes feladatok csökkentésével,
  7. Automatikus Iframe lusta betöltés.

Természetesen bármikor aktiválhatja vagy leállíthatja ezeket az optimalizálásokat, és finomhangolhatja beállításait, hogy megtalálja a Site Speed ​​Accelerator opciókat, amelyek a legjobb eredményt nyújtják.

Első lépésként hozzon létre egy fiókot az Ezoic platformon, majd integrálja webhelyét az Ezoic DNS használatával. Ezután konfigurálhatja a funkciókat és zöldebbé válhat!

Ráadásul, ha webhelye megfelel (például havonta több mint 10 ezer egyedi látogatóra van szüksége, és egyedi tartalommal kell rendelkeznie), akkor a csodálatos Ezoic megvalósításával növelheti a CPM-arányait és ezáltal a bevételeit is közvetítés AdExchange rendszer.

A Site Speed ​​Accelerator akár 30 napos próbaidőszakig is ingyenes, nincs szükség hitelkártyára, és ezt követően a forgalmától függően más összegbe kerül. Ingyenes lehet, ha használja az Ezoic közvetítési rendszert, és havonta több mint 2000 dollárt keres velük!

Június 2021 Szerkesztés: 2021 június 1-től nincs több oldalnézet korlátozása, hogy csatlakozzon az eZOIC-hez a hozzáférési programon keresztül, és a sitespeedaccelerator új és továbbfejlesztett termék, ezoic ugrás, amely még több webhely-optimalizálással rendelkezik, és Minden kiadó számára teljesen ingyenes!

Gyakran feltett kérdések a Google Page Speed ​​Insights-ról és válaszok:

Számít a Google PageSpeed?
Noha a Google PageSpeed ​​nem a legfontosabb a webhely rangsorolása szempontjából, befolyásolhatja a visszafordulási arányt. A látogatók általában nem várnak néhány másodpercnél tovább, amíg egy oldal betöltődik, mielőtt távoznának.
A PageSpeed ​​befolyásolja a SEO-t?
Lásd fent - lehet, hogy ez nem sokat változtat a webhely rangsorolásán, de befolyásolhatja a visszafordulási arányt.
Mi a jó oldalbetöltési idő?
A jó oldalbetöltési idő egy másodperc alatt van.
Hogyan növelhetem a Google oldalainak sebességét?
Növelheti a Google PageSpeed ​​Insights pontszámát vagy manuálisan, az összes lehetséges webhelyoptimalizálás végrehajtásával, vagy a Site Speed ​​Accelerator‌ használatával, amely mindezt az Ön nevében fogja megtenni.
Hogyan növelhetem a webhelyem betöltési idejét?
Növelheti a webhely betöltési idejét a tartalom hosszának csökkentésével, a fel nem használt HTML, CSS és JS eltávolításával, az összes fájl kicsinyítésével, valamint a gyorsítótár és a CDN szolgáltatások használatával - vagy egy Site Speed ​​Accelerator‌ használatával, amely mindent megtesz Önért.
A Google bünteti a lassú webhelyeket?
Úgy tűnik, hogy a Google nem bünteti a lassú webhelyeket, azonban ha a tartalom betöltése túl hosszú, nem tudja elemezni és rangsorolni a weboldalakat.
Hogyan növelheti a teljesen betöltött időt?
Növelheti a weboldal teljes betöltési idejét, ha csökkenti a HTML (más néven DOM hossz) tartalmát, a használt CSS és JS, valamint egyéb bővítményeket.
Hogyan növelhetem a céloldal sebességét?
Növelje a céloldal sebességét gyorsítótár telepítésével, egy CDN, egy Site Speed ​​Accelerator‌ használatával és az összes webes legjobb gyakorlat megvalósításával.
Mi a jó Google Page Speed ​​pontszám?
A Google Google Page Speed ​​pontszáma meghaladja a 90-et.
Mi a jó oldalbetöltési sebesség?
A weblapok jó betöltési sebessége másodperc alatt van.
Mennyire kell egy weboldalnak betölteni 2020-at?
A weboldal 2020-ban kevesebb, mint egy másodperc alatt betöltődik.
Mi a jó visszafordulási arány?
A jó visszafordulási arány minden olyan érték, amely száz alatt van, ami azt jelenti, hogy néhány felhasználó valóban tartózkodik az Ön webhelyén. 50 alatt már elképesztő.
Miért ilyen lassúak a Google webhelyei?
A Google webhelyei lassúak lehetnek az internetkapcsolat vagy a számítógépet futtató programok és alkalmazások miatt. Fontolja meg a VPN kiválasztását a kapcsolati sebesség növeléséhez.
Hogyan növelhetem a Google oldalam sebességét?
Csökkentse a betöltendő erőforrások mennyiségét és méretét.
A PageSpeed ​​betekintés befolyásolja a SEO-t?
Lehet, hogy csekély hatása van, de fő kérdése a forgalom visszafordulási arányának lehetséges növekedése.
Hogyan növelhetem az oldal sebességemet?
Az oldalsebesség növelhető a bevált webes gyakorlatok alkalmazásával és a betöltendő erőforrások mennyiségének, összetettségének és méretének csökkentésével.
Mi a jó oldalsebesség?
A jó oldalsebesség 90 feletti zöld pontszám.
Hogyan használhatom a Google PageSpeed ​​betekintést?
A Google PageSpeed ​​statisztikák használatához egyszerűen fel kell lépnie a webhelyére, be kell írnia webhelye egyik URL-jét, meg kell várnia az elemzést és ellenőriznie kell az eredményeket.
Pontos a Google PageSpeed ​​betekintése?
A Google PageSpeed ​​Insights meglehetősen pontos, mivel azt az időt mutatja, amely alatt egy Google-szerver botként tölti be webhelyét. A tényleges látogató más helyről és más kapcsolattal más eredményekkel járhat, általában a legrosszabbul.
Hogyan működik a Google Page Speed?
A Google Page Speed ​​úgy tölti le weboldalát, mint egy böngészőt, beleértve az összes tartalmat, és ellenőrzi, hogy mennyi idő kellett a DOM oldalon leírt összes komponens teljes betöltéséhez és feldolgozásához.
Mi a jó webhelysebesség?
A jó helysebességnek zöldnek kell lennie a sebességteszt pontszámánál, a labirintus sebessége meghaladja a 90-et, és kevesebb, mint egy másodperc alatt betöltődik.

Google PageSpeed ​​optimalizálás

Gyakran Feltett Kérdéseket

Milyen átfogó lépéseket kell tenni a Google Pagespeed Insights által megjelölt kérdések kezelésére, amelynek célja az optimalizált teljesítményt jelző zöld pontszám?
A Google PageSpeed ​​Insights zöld pontszámának elérése érdekében összpontosítson a képek optimalizálására, a böngésző gyorsítótárazásának kihasználására, a CSS, a JavaScript és a HTML miniszterelésére, a render-blokkolási erőforrások kiküszöbölésére, a szerver válaszidejének javítására és a tartalomszállítási hálózatok (CDN) felhasználásával. A PageSpeed ​​Insights által nyújtott minden ajánlást módszeresen meg kell vizsgálni, gyakran iteratív fejlesztéseket és tesztelést igényelve.

Hogyan lehet hozzáadni egy webhelyet az ezoic-en? 2. rész: Leap aktiválás


Yoann Bierling
A szerzőről - Yoann Bierling
A Yoann Bierling egy webes kiadói és digitális tanácsadó szakember, amely a technológiák szakértelme és innovációja révén globális hatást gyakorol. Szenvedélyesen az egyének és szervezetek felhatalmazása a digitális korban való virágzásra, arra készteti, hogy kivételes eredményeket érjen el és növelje a növekedést az oktatási tartalom létrehozása révén.

Mester weboldal létrehozása: Jelentkezzen most!

Átalakítsd digitális jelenlétét az átfogó weboldal -létrehozási tanfolyamunkkal - kezdje el az utat, hogy ma webes szakértővé váljon!

Jelentkezzen ide

Átalakítsd digitális jelenlétét az átfogó weboldal -létrehozási tanfolyamunkkal - kezdje el az utat, hogy ma webes szakértővé váljon!




Hozzászólások (0)

Szólj hozzá