Tulajdonosként tudod, hogy gyorsnak kell lennie. És már elolvasta a különböző cikkeket arról, hogyan kell felgyorsítani a webhelyedet, talán még valami már végrehajtott. Ezután érdekes lesz, hogy milyen gyorsan tölti be a webhelyet. Itt megy a Google PageSeed Insights, mint a legnépszerűbb eszköz, akkor megkapja az értékelést és a Google ajánlásainak listáját. És itt a legtöbbünk elveszett:

• A SEO oldalpedi betekintéseinek mutatója?
• Miért nem a webhelyem értékelése?
• Mit jelentenek ezek az ajánlások?

Korábban beillesztette a helyszínen, és várta, hogy a besorolási oldalpedál szinte tökéletes lesz, és most úgy gondolja, miért ez a plugin nem javította a sebességet a sebességgel? Talán nem túl jó? A rövid válasz az, hogy:

A Google PageSpeed \u200b\u200bjelző nem számít.

Igen, így van ... de miért nem számít?

Oldalsebesség vs oldalpead betekintések

A sebesség (webhely letöltési ideje) fontos, és fontos metrika a SEO-ban, és befolyásolja a felhasználói élményt is. Amikor a Googlebot indexe a webhelyet, nem látja a PageSpeed \u200b\u200bjelzőt, de csak a sebességet ismeri. Tudja, hogy a Google Pagepeed Insights nem méri a webhely sebességét? Igen, olvassa el újra:

A Google Pagepeed Insights nem méri a webhely sebességét.

Hello, kedves blogolvasók oldal! Napjainkban a hozzászólás a Google Page AIDS csodálatos eszközére kerül, amely lehetővé teszi, hogy teszteljék az oldalt, hogy tanulmányozzák a betöltés felgyorsításának lehetőségeit ().

Nem titok, hogy a keresőmotorok, különösen a Google, a közelmúltban komoly figyelmet fordít erre a szempontra, így a gyors weboldalak bizonyos előnyöket kapnak a keresési eredmények rangsorolásában és magasabb pozícióiban.

Google Page Speed \u200b\u200bInsights nemcsak érzékeli és jelzi azt, miért az oldal nem töltött elég gyorsan, de egyben egyedi módon, hogy megszüntesse őket, és néhány, a felfedezett problémák is könnyen eltávolíthatók a szolgáltató erők automata módban.

Milyen optimalizálási eszközök vannak a Google-on?

Elvileg az egyes projektek esetében elég időt fizetek az olyan oldalak optimalizálására, amelyek hozzájárulnak a gyors letöltéséhez. Tényleg nem éri el a blogot csak a blog webhelye előtt, amely lényegében vizuális kézikönyv a kezdő webmesterek számára, nem egészséges ambíciókat, és a cél elérése érdekében.

De mivel a természet perfekcionista vagyok, nem engedheti meg, hogy az információs webes erőforrás hordozható, hogy beszéljen, a tömeg ismerete, a laggárok között. Ezért úgy döntöttek, hogy a maximális erőfeszítéseket optimalizálják, beleértve az oldalsegélyek ajánlásait is.

Ezért azonnal bekapcsolja az eszköz leírását, hogy meg tudja becsülni a funkcionalitását és a gyakorlatban a webes erőforrások javát szolgálja.

Korábban a böngészők kiterjesztéseinek formájában lehetett használni, és letölthető linkek részt vettek a Google speciális oldalán. Ráadásul annak érdekében, hogy egy mazilisben alkalmazzák, először szükség volt rá, ahol a Paige AIDS-nak jelen volt, mint hozzáadás:

Most már nem lehet kiterjesztéseket alkalmazni a böngészőknek a Google-ból, bár ugyanazok a pluginok, de számos más értelmezésben rendelkezésre állnak hivatalos krómozott és masisle weboldalakon. Ezenkívül meglehetősen a funkcionális monitor van online szolgáltatás A Google pontosan ugyanolyan funkcionális és nem kevesebb lehetőséggel rendelkezik. Ha a Fejlesztők részre megy, akkor az oldalsebesség eszközhöz linket fog látni:

Az úton, ugyanazon az oldalon "PAGESPEED eszközök" Minden Google-javaslata a helyek gyorsítására szolgál. Úgy tűnik, hogy a "jó birodalom" fejlesztői komolyan vették az optimalizálást és a teljes internetes tér gyorsulását, mert a fejlesztőkben talál egy linket az optimalizálási könyvtárhoz ( Integrálja a PAGEPEED optimalizálási könyvtárat) Nyílt forráskód.

A nyitott kód elérhetősége szoftver Ez a projekt a modul alapján működik " mod_pagespeed", Amely az Apache szerveren (KOI, az útközben, a túlnyomó többség) telepítve van, azt jelenti, hogy javítani vagy frissíteni senkit.

Ez így van az internet közösség rovására való meglehetősen reális, hogy közel legyen a tökéletes gyorsítási eszközhöz. Hogyan néz ki a gyakorlatban, az idő megmutatja. Természetesen, annak érdekében, hogy teljes mértékben hozzájáruljon, és elérje a sikert ebben a rövidítésben, meglehetősen képzett programozónak kell lennie.

Ha megnézed a TOP SCEENSHOT-ot (az információ zöld keretben van körözve), akkor egy linket fog látni, hogy telepítse a kész gyártott modul legújabb verzióját. Lehet, hogy érdekes lehet olyan tulajdonosok számára, akik telepíthetik a szervereikre, biztosítva az ott található helyszínek automatikus gyorsulását.

Ráadásul az oldal AIDS moduljának két módosítása van: közvetlenül a apache szerverek És a Bundle Apache + Nginx, ahol a második játszik a Proxy szerver szerepe:

By the way, az apachatic és a ngnix aránya a modern körülmények között a leginkább kereslet, és a legfejlettebb hosterek (például spritthost) használják, mivel biztosítja az erőforrások hatékony felhasználását. Tehát, ha érdekli a webhelyek automatikus gyorsításának módját, akkor csatolhatja ezt a kézhez vagy a Hoster törzséhez.

A Google oldalpapírjait ajánlja (elérési utak az oldal rakodási sebességének növeléséhez)

A fentiek szerint megvizsgáltuk a lehetőséget, hogy beszéljünk, a weboldalak letöltésének sebességének globális növekedése, amely különleges ismereteket igényel (valószínű, hogy ez az információ hasznos lesz valaki hasznosnak, legalábbis a jövőben).

De az olvasók fő részéhez, azaz egyszerű webmesterek, egy relevánsabb lehetőség világos és elérhető itt és most. " Csak az ilyen feltételek teljes mértékben megfelelnek a Pagepeed Insights szolgáltatásnak, amelyet beszélünk. A webhely adott oldalának elemzéséhez írja be az URL-címét () ezen az oldalon:

Elemzés után látni fogja a Google szabályait, és mint a mobil eszközökés a PC, ami különösen értékes. Ebben a példában a blog főoldalán 76 hitelesítő adatok 100 mobiltelefonra átlagos eredmény, amely jelentősen javítható, ha kihasználja az ajánlásokat.

Továbbá, hogy optimalizálja az egyes erőforrások optimalizálását, amely lassítja az oldalterhelést, a referenciákat a vonatkozó szakaszok adják meg (az átvétel céljából kattintson a Linkre - Hogyan kell javítani?), ahol megtalálja a szükséges intézkedések leírását a hiányosságok kiküszöbölésére.

De itt fontos megjegyzést kell tennie. Szükséges oldalak elemzése különböző típusok Az egész webhely egészének letöltési idejének csökkenése. Például egy szabványos blog-vávpress, az optimalizálási szint ebben a szempontban a fő, oszlopok, statikus oldalak és rekordok számára teljesen más lehet.

Fent említettem honlapMely hozzászólások jelennek meg, de az egyik cikk oldal AIDS sokkal alacsonyabb minősítést adott:

Ez azért történt, mert a hozzászólások általában sokkal terjedt, és számos különböző erőforrást és tartalmat (képeket, videót, szkripteket) tartalmaznak. Ezért jobb, ha megkezdi az optimalizálás ellenőrzését. Egyébként, ebből a szempontból, az értékeléstől való visszaélése Az oldal sebessége mobiltelefonokat biztosítMivel az ilyen eszközökre vonatkozó tisztességes terhelési sebesség elérése sokkal több televíziót igényel.

De a nyilvántartások különböző nyilvántartásai eltérhetnek minőségben. Ez történik, beleértve azért, mert néhány közülük további szkripteket hajt végre, amelyek lassítják a letöltést. Például az egyik Weblon optimalizálásának szintje nem csak meglepetés, hanem valódi sokk:

Nyilvánvaló, hogy a 100-ból származó 62 pontot nem lehet az eredmény, amelyre törekednie kell. És mindezt, mert ezen és néhány más rekord oldalán van egy szintaxishighlighter plugin szkript, kezdeményezve gyönyörű dekoráció Megvilágított kódok.

Lehet, hogy több ilyen kiterjesztés lehet a helyszínen. Mindegyik esetben meg kell oldani magának, hogy mennyi a plug-in fontos az erőforrás szempontjából az általa nyújtott funkciók szempontjából. És ennek függvényében törölni kell, vagy intézkedéseket kell tenni az optimalizáláshoz, amely segít az oldalterhelés felgyorsításában.

A fentiek különösen igazak a világ legnépszerűbb CMS-jében, amely élvezi a webmesterek túlnyomó számát. Ez a többfunkciós motor jó, de folyamatosan hibakerítették a szerver terhelésének csökkentése és az oldal betöltési idejének csökkentése szempontjából. Ezért a WP-en dolgozó webes források tulajdonosainak meg kell tennie ezt a megjegyzést. És az ilyen szolgáltatás rendelkezésre állása az oldalsegélyekként itt, mivel az úton lehetetlen.

Győződjön meg róla, hogy az összes cikket legalább a megtekintési módban olvassa el, a fenti hivatkozásokra kattintva sok hasznos hasznos hasznos. A jövőben azt tervezem, hogy visszatérek a webes erőforrások gyorsításának problémájához többször, ezért előfizetést adhat ki annak érdekében, hogy ne hagyja ki a friss kiadványok kimenetét ezen a témában.

Összefoglalva, tekintse meg azt a hasznos videót, amelyről megtudhatja, hogy az oldalsebesség-tippek miért jelentenek ajánlásokat, és hogy mi az oka, hogy ne kövesse a fanatitumot.

Modul Google PageSpeed \u200b\u200baz oldalra: Mit lehet használni

Úgy döntöttünk, hogy kísérletezzünk és adjunk hozzá gyorsítót a Google-tól három projektig. Mi történt tőle - megtudja.

A webhelyeknek azonnal meg kell indítaniuk. Ó, nem, a webhelyek senkinek? Menj a trolibuszba, és ülj a diák mellett, aki iPhone-val ül. Nézd, hogy készen áll-e várni, amíg néhány online áruház betöltődik. Csak mondjuk: Három másodperc - és a fül bezárul. A következő eredmény a következő eredmény a keresési eredményekből.

By the way, pro keresési kibocsátás. A webhely letöltési sebessége befolyásolja a keresőmotorok rangsorolását. PRUFS és. A "Thoring" webhelyek kevésbé valószínűek, hogy a robotok meglátogatják, és ez kevésbé indexelt. Ebből helyezik el a kiadatás helyét és a szükséges információk megtalálásának kényelmét.

Folyamatosan gondolkodj arról, hogy az oldala lassabb lesz-e az okostelefonon, mint a számítógépen. És ha igen, akkor valószínűleg csökkenti a kiadatásban.

- Matt Katts, Google

A Google dolgozott és kiadta eszközét, hogy ellenőrizze a sebességet - oldalpapír. Find fékezési elemek csak menj itt És az egyetlen mezőben adja meg a tesztelni kívánt címet. Egy percig készül egy részletes teljesítményjelentés. Az eredmény a papagájokban jelenik meg. Ideális esetben a szolgálati állomás, de próbálja meg elérni! Még a Google is nem hatalom alatt áll: ellenőrizze a szolgáltatásait :)

A teszteket a webhely asztali és mobil verziójára végzik. Fókuszban a színes skála: a sárga zóna jelzi, hogy vannak olyan elemek, amelyekre érdemes optimalizálni, a zöld jelentést tesz arról, hogy minden rendben van. Ha a piros zónában található hely, csavarja be a sebességet és optimalizálja. Ellenkező esetben a mélység előtt: Az oldal betöltése közben a felhasználó már megy egy másik webhelyre :)

A webhelyet két módon optimalizálhatja.

Kézi optimalizálás

1. Nyomja össze a Photoshop képeit, vagy futtassa át Optimizilla. , például

Minél kisebb a képek súlya, annál nagyobb a csöpögő, annál gyorsabban vannak a helyszínen. Kompressziót, többszülött alkatrészeket készítünk a macska alatt. Elég PREVIE 640 × 480. Kevesebb kép - hálóhely.

Is kezdőlap A Google fejlesztői grafikákat 71% -kal lehet összezúzni.

2. A betűtípusok csatlakoztatása a webhelyről, és nem húzza őket a Google-lal

Mínusz - míg a böngésző nem töltötte be a betűtípust, a felhasználó látni fogja az unalmas Arial vagy a Tahoma.

3. Használja a böngésző gyorsítótárat a maximális értékhez

Amikor az oldal részlegesen megmenti az ügyfél - a letöltés sokkal gyorsabb lesz.

4. Csökkentse a JavaScriptet és a CSS-t

A szkriptek nem szerkesztve minden nap a kiadás után - nincs értelme tömöríteni őket a repülés során. Elég ahhoz, hogy a kódok után egyszer optimalizáljon. A JS sablonok jobban kezelhetők a kiszolgálón, beágyazják az eredményeket a HTML-ben, és letöltötték a sablonokat az ügyfélen.

5. Csökkentse a HTML-t

A gyakorlatban - felesleges hiányosságok, fülek, vonalak eltávolítása.

6. Törölje a fel nem használt kódot.

Beépíthető a "Chrome" ellenőrzésbe. Kattintson az F12 elemre, és menjen az Audits fülre. Az alábbiakban az egyetlen futó gomb. Általában ugyanaz, mint a PÁLÁSOK. Csak valós időben.

Automatikus optimalizálás

Bármely hely dinamikus és statikus elemekből áll. Dinamikus elemek - a PHP és az adatbázis-kérésekből származó HTML kód. És a többi a statikus. Ezek a képek, a JavaScript és a CSS.

A webhely automatikusan optimalizálható a Google - Padpeed Insights segítségével. Ez a modul telepítve van a Nginx szerveren, és a beállítások után valós idejű. dofig info Többek között a grafika.

A Pagepeed Insights elemzi a HTML-t és optimalizálhatja az erőforrásokat. Tiszta, rövidebb. A forráskódban az erőforrások egy másik úton lesznek, nem pedig az a készlet, hogy összenyomja a fotót a fejlesztőnek. Figyelembe kell venni. De az erőforrások megjelenítése nem változik. A súly csökken. Tehát növeli az oldal letöltési sebességét, és a látogatók elégedettek lesznek :)

Azonban a Pagepeed Insights korlátai vannak. Ezt csak a Nginx-en lehet elindítani, vagy virtuális szerver. Nem, bérelt valahol Németországban, egy megosztott szerver nem felel meg.

A második korlátozás az örök háborús böngészőkhez kapcsolódik. A PageSpeed \u200b\u200bképek átalakíthatók a FORMAT.WEBP, amely csak a "Chrome" (népszerű szeretett " Internet böngésző. 6 ez a dolog nem fog átadni). BAN BEN legutóbbi verziók Az ilyen képek megjelenítése megtudta és "opera". Mert a motor megváltozott.

Példák a Pagepeed Insights használatára

Telepítettük a PageSpeed \u200b\u200bInsights modult három projektre - az új weboldalon és két ügyfélen. A modul látja, hogy melyik böngésző jön egy kérés, úgy néz ki, hogy képzett-e a webc formátum megjelenítéséhez, és optimalizált képet vagy rendszeres JPEG-t ad.

Szibériában a telepítés körülbelül fél napot vett igénybe. Valami empirikusan kellett tennie: megváltozott, figyelte, mi történik. Néha a zóna zöld volt, és sárga színben repülhet teljesen kiszámíthatatlanul.

Most mindkét verzió a zöld zónában van. Tehát a sebességnél nincs probléma. Ha a kapcsolat sebessége jó, nincs valami :)

Belül műszaki támogatás Úgy döntöttünk, hogy kísérletezünk és telepítjük a PageSpeed \u200b\u200bInsights modult.

A Google PageSpeed \u200b\u200bolyan eszköz, amely lehetővé teszi a webhely sebességének ellenőrzését. Lehetővé teszi a helyhez kötött PC-k és a mobileszközök gyors letöltését és az optimalizáláshoz használt ajánlásokat.

A helyszíni terhelési sebesség elemzésének eredménye így néz ki:

Ellenőrizze a webhely sebességét a Google PageSpeed \u200b\u200bInsights és szolgáltatási ajánlásokból

A webhely terhelési sebességének elemzése után a következő ajánlások a leggyakrabban előállíthatók:

A képek optimalizálása

A leggyakrabban tapasztalt szolgáltatási ajánlás kapcsolódik az optimális választás Képek a webhelyen. A grafikus tartalom nagyon nehéz, és nagymértékben lelassíthatja az erőforrás oldalak letöltését. A legtöbb általános ajánlás a megfelelő formátum kiválasztásában (leggyakrabban érdemes PNG-t használni), méret és képminőség. Tehát túl nagy, a háttérként használt háttér időnként lelassíthatja a helyszíni terhelési sebességet. Mindig ellenőriznie kell a képeket, és maximalizálni kell méretüket és minőségüket (a méret és a képminőségnek van értelme, hogy minimális elfogadható legyen egy adott erőforráshoz).

A tömörítés engedélyezése

A webszerver tömörítése fontos paraméter, amely sebességet biztosít. A mod_defaflate modul az Apache-ben vagy a Nginx irányelv rovására.

Használja a böngésző gyorsítótárazását

Meghatározza, hogy a cím továbbításra kerül-e, és a felhasználó böngészőjében lévő adatok tárolódnak-e. A gyorsítótárazás jelentősen csökkentheti a szerverhez való fellebbezések számát, ami csökkenti a terhelést, és növeli a statikus adatok visszaküldésének mértékét (amely a legtöbb oldalon van) az ügyfélnek

Távolítsa el a renderelő blokkoló JavaScript és a CSS-t a feloszlású tartalomban

JavaScript Az alapértelmezett kódot oldalként hajtják végre, hasonló módon feldolgozzák a CSS-t. Azok. Ha a JS szkript csatlakozik a dokumentum testében, akkor a renderelés minden alkalommal megszakad, amíg a szkript teljesül. Ezt elkerülheti a JavaScript és a HTML csatlakoztatásával, és az oldal testét a végrehajtható kódtól függetlenül fogják megjeleníteni.

Például a JS az aszinkron módban csatlakoztatható, mint ez: