Kindlasti teate seda juba Aeglased saidid EI näe tippu! peate saavutama kiiruse üle 75.

Töötingimused:

1. Ma ei luba rohelist tsooni, aga Annan endast parima, et see roheliseks saada

4. Eemaldan ainult kaebused skriptide, stiilifailide ja piltide kohta.

Optimeerin teie saidi laadimiskiirust ja suurendan Google Page Speedis punktide arvu

https://developers.google.com/speed/pagespeed/insights/

Kindlasti teate seda juba Aeglased saidid EI näe tippu! Isegi Google AdSence ei luba nüüd saite, mille kiirus on alla 75. Seetõttu peate saavutama kiiruse üle 75.

Töötingimused:

1. Ma ei luba rohelist tsooni, aga Annan endast parima, et see roheliseks saada. 96% juhtudest tõi see saidid rohelisse tsooni. Ärge lisage saidile midagi enne, kui olen teie tellimuse esitanud!

2. Optimeerin pilte saidi ühe lehe jaoks ning skripte ja stiilifaile kogu saidi jaoks.

3. WordPressis (mõnikord Opencartis) oleva saidi puhul luban vahemällu salvestamise.

4. Eemaldan ainult kaebused skriptide, stiilifailide ja piltide kohta.

5. Analüüs, töö ja tööde esitamine toimub 1 saidi avalehel (või 1 muul).

6. Peale töö lõpetamist saate “enne/pärast” aruande Google'i lehed PageSpeed ​​​​Insights.

7. Saidi töölauaversiooni kiiruse parandamine.

8. Ma ei kasuta töötamiseks veebisaitide koostajaid (Ucoz, Ukit jne).

Näited:

https://cloud.mail.ru/public/MxY8/oSVcA3B4X Ekraanipildid

https://cloud.mail.ru/public/CUaE/dQcFCbhcz Video

Kõik minu värgid: https://site/user/chaykin_dxz

Failid

Tere, kallid lugejad ajaveebi sait! Tänane postitus on pühendatud suurepärasele Google'i lehe kiiruse tööriistale, mis võimaldab teil testida mis tahes lehte, et uurida selle laadimise kiirendamise võimalusi ().

Pole saladus, et otsingumootorid, eriti Google, viimasel ajal pöörake sellele aspektile tõsist tähelepanu, nii et kiired veebisaidid saavad teatud eelise järjestuses ja kõrgemad positsioonid otsingutulemustes.

Google Page Speed ​​​​Insights mitte ainult ei tuvasta ja toob välja kõik põhjused, miks leht ei laadita piisavalt kiiresti, vaid pakub ka konkreetseid viise nende kõrvaldamiseks ning osa tuvastatud probleeme saab teenus ise automaatselt automaatselt kõrvaldada. režiimis.

Milliseid optimeerimistööriistu pakub Google veebisaitide kiirendamiseks?

Põhimõtteliselt pühendan iga oma projekti puhul palju aega lehtede optimeerimise tegevustele, mis aitavad kaasa nende kiirele laadimisele. Ainus asi, milleni me pole jõudnud, on ajaveebisait, mis sisuliselt on visuaalne abivahend algajatele veebihalduritele, kellel ei puudu terved ambitsioonid ja kelle ülesanne on saavutada oma eesmärke.

Aga kuna olen loomult perfektsionist, siis ei saanud ma lubada, et nii-öelda teadmisi massidesse viiv infoveebiressurss oleks mõnes aspektis mahajääjate hulgas. Seetõttu otsustati selle optimeerimiseks teha kõik endast oleneva, sealhulgas Paige Speedi soovitused.

Seetõttu liigun kohe kirjelduse juurde sellest instrumendist, et saaksite selle funktsionaalsust hinnata ja oma veebiressursside kasuks ellu rakendada.

Varem sai Page Speed ​​​​Insightsi kasutada brauseri laiendustena ja allalaadimislingid olid olemas erileht Google. Veelgi enam, selle Mazilis rakendamiseks oli esmalt vaja, et selle lisana oleks lehekülje kiirus:

Nüüd ei saa enam spetsiaalselt Google'i brauserite jaoks laiendusi kasutada, kuigi samad pistikprogrammid, kuid veidi erinevas tõlgenduses, on saadaval ametlikel Chrome'i ja Mazila veebilehtedel ( ja ). Lisaks on olemas täiesti funktsionaalne samanimeline võrguteenus Täpselt sama funktsionaalsusega ja mitte vähemate võimalustega Google. Kui lähete jaotisse Arendajad, näete seal linki lehe kiiruse tööriistale:

Muide, samal lehel "PageSpeed ​​​​tööriistad" Kõik Google'i pakkumised veebisaitide kiirendamiseks asuvad siin. Näib, et "hea impeeriumi" arendajad on tõsiselt võtnud ette kogu Interneti-ruumi optimeerimise ja kiirendamise, kuna jaotisest Arendajad leiate lingi optimeerimise teeki ( Integreerige PageSpeed ​​​​Optimization Library) on avatud lähtekoodiga.

Kättesaadavus avatud lähtekoodiga tarkvara sellest projektist, töötab mooduli " mod_pagespeed", mis on installitud Apache serveritesse (millest, muide, valdav enamus), tähendab, et igaüks saab seda parandada või värskendada.

See tähendab, et sel viisil on Interneti-kogukonna kulul täiesti võimalik luua kiirendustööriist, mis on peaaegu täiuslik. Kuidas see kõik praktikas välja näeb, näitab aeg. Loomulikult peate selles heas eesmärgis täieliku panuse andmiseks ja edu saavutamiseks olema piisavalt kvalifitseeritud programmeerija.

Kui vaatate ülemist ekraanipilti (teave on ümbritsetud rohelise raamiga), näete seal installimise linki uusim versioon valmis moodul. See võib huvi pakkuda omanikele, kes saavad selle oma serveritesse installida, pakkudes seal asuvatele saitidele automaatset kiirendust.

Lisaks on lehekülje kiiruse moodulil kaks modifikatsiooni: otse Apache serverid ja Apache + Nginx kombinatsiooni puhul, kus teine ​​mängib puhverserveri rolli:

Muide, variant jagamine Apache ja Ngnix kaasaegsed tingimused kõige nõutum ja mida kasutavad kõige arenenumad hostijad (sh näiteks Sprinthost), kuna see pakub tõhus kasutamine ressursse. Nii et kui olete sellest meetodist huvitatud automaatne kiirendus saite, võite sellesse ise kaasa aidata või oma hostit kurnata.

Google'i PageSpeed ​​​​soovitab (viisid saidi lehe laadimiskiiruse suurendamiseks)

Eespool uurisime nii-öelda veebisaitide laadimiskiiruse globaalse tõusu võimalust, mis nõuab spetsiifilisi teadmisi (tõenäoliselt on see teave kellelegi kasulik, vähemalt, tulevikus).

Kuid enamiku lugejate, st tavaliste veebihaldurite jaoks on arusaadav ja juurdepääsetav valik "siin ja praegu" asjakohasem. Teenus PageSpeed ​​​​Insights vastab täielikult neile tingimustele, millest räägime üksikasjalikumalt. Analüüsi jaoks konkreetne leht saidile, sisestage selle URL () sellele lehele:

Pärast analüüsi näete Google'i reitingut ja mõlemat seoses mobiilseadmed ja PC, mis on eriti väärtuslik. IN selles näites Selle ajaveebi avalehe puhul on mobiiltelefonide puhul 76 ainepunkti 100-st keskmine tulemus, mida saab oluliselt parandada, kui kasutada allolevaid soovitusi.

Lisaks on iga lehe laadimist aeglustava ressursi optimeerimiseks ette nähtud vastavate jaotiste lingid (nende hankimiseks klõpsake lingil "Kuidas seda parandada?"), kust leiate kirjeldused vajalikud toimingud puuduste kõrvaldamiseks.

Kuid siin on see, mida tuleb teha oluline märkus. Vajalik analüüsida lehti erinevat tüüpi et saavutada kogu saidi kui terviku laadimisaja lühenemine. Näiteks standardse WordPressi ajaveebi puhul optimeerimise tase selles aspektis peamiste, pealkirjade, staatilised lehed ja rekordid võivad olla täiesti erinevad.

Eespool tõin näite avaleht, mis kuvab postitusteateid, kuid Page Speed ​​​​andis ühele artiklitest palju madalama hinnangu:

See juhtus seetõttu, et postitused on tavaliselt palju pikemad ja sisaldavad palju erinevat tüüpi ressursse ja sisu (pildid, videod, skriptid). Seetõttu on parem alustada nende abil optimeerimise kontrollimist. Muide, sellest vaatenurgast lähtudes lähtuge hinnangust, et Page Speed ​​pakub mobiiltelefonidele, kuna sellistes seadmetes korraliku allalaadimiskiiruse saavutamine nõuab palju rohkem füüsilist liikumist.

Kuid isegi erinevate postituste lehtede kvaliteet võib erineda. See juhtub muuhulgas seetõttu, et mõned neist käivitavad täiendavaid skripte, mis aeglustavad laadimist. Näiteks ühe sellise veebilehe optimeerimise tase ei tekitanud mulle mitte ainult üllatust, vaid ka tõelist šokki:

On üsna ilmne, et 62 punkti 100 võimalikust ei ole tulemus, mille poole peaksime püüdlema. Ja kõik sellepärast, et sellel ja paljudel teistel postituste lehtedel töötab mul SyntaxHighlighteri pistikprogrammi skript, mis käivitab ilus disain taustvalgustusega koodid.

Saidil võib olla mitu sellist laiendust. Igal konkreetsel juhul peate ise otsustama, kui oluline on pistikprogramm teie ressursi jaoks pakutavate funktsioonide poolest. Ja olenevalt sellest peate selle kas eemaldama või võtma optimeerimismeetmeid, mis aitavad lehe laadimist kiirendada.

Eelnev kehtib eriti maailma populaarseima CMS-i kohta, mida kasutab valdav hulk veebihaldureid. See multifunktsionaalne mootor sobib kõigile, kuid seda tuleb pidevalt siluda, et vähendada serveri koormust ja lühendada lehe laadimisaega. Seetõttu peaksid WP-s töötavate veebiressursside omanikud seda arvesse võtma. Ja siin tuleb kasuks sellise teenuse nagu Page Speed ​​olemasolu.

Lugege kindlasti kõiki neid artikleid vähemalt vaatamisrežiimis, järgides ülaltoodud linke, võite leida enda jaoks palju kasulikku teavet. Tulevikus kavatsen veebiressursside kiirendamise probleemi juurde naasta rohkem kui üks kord ja seetõttu saate tellida, et mitte jätta ilma selleteemaliste värskete väljaannete ilmumisest.

Lõpuks vaadake seda kasulikku videot, et saada teada, miks Page Speedi näpunäited on ainult soovituslikud ja miks te ei peaks neid fanaatiliselt järgima.

PageSpeed, või kui täpsem olla PageSpeed ​​​​Insights – see on toode Google, mille abil saate hõlpsalt leida oma saidi puudused. Puuduste all peame silmas ainult tehnilised punktid, mille parandamiseks teenus pakub.

Mis on PageSpeed ​​Insights ja miks seda vaja on?

Pagespeed Insights on teenus, mis võimaldab hinnata veebisaidi kvaliteeti, nimelt selle laadimiskiirust mobiilseadmetes ja arvutites. Kõige tähtsam on tasuta teenus soovitused veebisaitide arendajatele, kuidas kiirendada lehekülgi kliendi brauseris. Teenindusalgoritmid muutuvad pidevalt, mistõttu teenus täieneb pidevalt ja järgib kõiki otsingumootori nõudeid. Google'i süsteemid.

Mis puudutab lehe laadimise iseärasusi millal erinevad kiirused Interneti-ühendused, lehekülje kiirus võtab arvesse ainult võrgust mittesõltuvaid tegureid. Abi ütleb selle kohta järgmist:

Kuna ühenduse kiirus on erinevad kasutajad on erinev, arvestab PageSpeed ​​​​Insights ainult lehe jõudluse võrgust sõltumatuid aspekte: serveri konfiguratsioon, HTML struktuur, kasutamine väliseid ressursse(pildid, JavaScript ja CSS). Meie soovitusi rakendades saate optimeerida suhtelist lehe laadimiskiirust. Allalaadimise absoluutne kiirus sõltub lõpuks ikkagi teie võrguühenduse kiirusest.

Pagespeed kasutab oma hindamissüsteemi, mis vastab erineval määral tähtsus:

Tähtis! Kõik vead, mille teenus leiab, on ainult soovituslikud ega ole kohustuslikud. Rakendades kõiki teenuse soovitusi, saate kiirendada saidi suhtelist laadimiskiirust. See tähendab, et olete teinud kõik endast oleneva, et tagada saidi võimalikult kiire laadimine.

Google Page Speedi eelised ja puudused

Teenusel on hea eesmärk – muuta veebilehed internetis võimalikult kiireks ja mugavaks nii töölaual kui ka arvutis. Sellele vaatamata tahaksin juhtida tähelepanu mitmele punktile:

• Alati ei ole võimalik leida tasakaalu veebisaidi laadimiskiiruse ja ilusa vahel välimus. Peame otsustama, mida me tahame: kiiret või ilusat veebisaiti? Mõlemat on peaaegu võimatu saada.
• Mobiilisaitide hindamine kordab samu vigu lauaarvutisaitide puhul, lisades vaid killukese leheelementide paigutuse kohta väikestel ekraanidel. See ei ole täiesti adekvaatne näitaja, kuna mobiilisõbralikkus on paremusjärjestuse tegur. Seega, kui soovite saidi mobiiliversiooni täiustada, peate kasutama eraldi Google'i aruannet.
• Teenus ei näita saidi lehe laadimise kiirenemist absoluutarvudes - sekundites või minutites (kui kõik on nii halb). See võtab arvesse ainult punkte (0-100), mis alati ei iseloomusta tõeline kiirus saidi laadimine.
• Teenus pakub ulatuslikke soovitusi parandusteks ja näitab konkreetseid optimeerimist vajavaid faile. Lisaks saab arvutitele otse tulemuste lehelt alla laadida juba optimeeritud skripte, stiile ja pilte.

Kuidas saavutada PageSpeed ​​​​Insightsi skoor 100/100

Kõik veebisaitide omanikud usuvad, et kui nad saavad tulemuseks 100/100, jõuab nende veebisait kohe tippu. Tegelikult pole see tõsi. Esiteks: saidi asukohta ei mõjuta mitte ainult laadimiskiirus. Teiseks: 100/100 märgini jõudmine on peaaegu võimatu (kui soovite moodsat ja moodsat saiti). Optimaalne valik on 85 ja üle selle, kuid iga sait või CMS süsteem on eraldi juhtum ja neid tuleb eraldi käsitleda.

Peamiste takistuste hulgas Google Paidspeedis ihaldatud 100 punkti saavutamisel on järgmised:

1. saidi vale kuvamine skriptide ja stiilide jalusesse teisaldamisel;
2. suutmatus vahemällu salvestada kolmandate osapoolte serveritest allalaaditud ressursse (nupud sotsiaalvõrgustikud, vidinad ja palju muud);
3. võimetus minimeerida kolmandate osapoolte serveritest allalaaditud ressursse (JS, CSS);
4. Teenusele sobiv pildi tihendamise kvaliteet ei tundu kuigi hea.

Jaoturis on kirjas, kuidas tavaline WordPressi sait saab PageSpeed ​​​​Insightsis 99/100. Päris huvitav artikkel, võib-olla on see kasulik mitte ainult saidi, vaid ka teiste CMS-ide jaoks. Võite kasutada ka kolmanda osapoole pistikprogramme, mis optimeerivad saiti ise: kas kiiruse või laadimiskiiruse jaoks.

Veebisaidi laadimiskiirus on üks kõige olulisemad näitajad ressursi kasutatavus ja mis kõige tähtsam, see on üks sadadest järjestusteguritest. Tõesti, kaasaegne kasutaja kes lingil klõpsas, ei oota lehe laadimist kauem kui 5 sekundit. Seega, mida kauem teie saidi laadimine aega võtab, seda rohkem potentsiaalseid kliente kaotate.

Rohkem kui 50% mobiilseadmete Interneti-kasutajatest ootavad saidi peaaegu hetkelist laadimist. Sellele statistikale tuginedes arutatakse selles artiklis, kuidas saavutada 100/100 tolli Google'i teenus PageSpeed ​​​​Insights laua- ja mobiilseadmete jaoks, kasutades saidi "Jälgida tagasilinke" näitel.

Motivatsioon

Näidissait laadib juba üsna kiiresti, nii et antud juhul Tulemused paranevad maksimaalselt.

Ühel päeval PageSpeed ​​​​Tooliga töötades märgati, et Google'i veebisaidil oli mobiilseadmete jaoks üllatavalt madal skoor – 59/100. Lauaarvutitele mõeldud versiooniga oli olukord parem - 92/100.

Näib, et nad oleksid pidanud oma veebisaidi optimeerimiseks kasutama oma tööriista, eks? Kas tulemus 100/100 on siis saavutamatu?

Just see ajendas meid saavutama saidi jaoks võimalikult kiiret laadimisaega, tõestama, et on võimalik saavutada 100/100 tulemust ja soovi korral saate seda ka teha. See ei ole kinnisidee, see on lihtsalt soov saavutada täiuslikkust.

Katsekoha lähtenäitajad on 87/100.

Selle tulemusel saadi pärast teatud manipulatsioonide rakendamist järgmised tulemused:

Lugege edasi, et saada teada, kuidas meil õnnestus need tulemused saavutada.

Kuidas lehe laadimist kiirendada?

Enne alustamist samm-sammult toimingud juhiste kohaselt lubage mul märkida, et tööriist PageSpeed ​​on lihtsalt juhend veebihalduritele ressursside optimeerimise teel. Lisaks sisaldab tööriist soovitusi saidi lehtede laadimise kiirendamiseks ja selle saavutamiseks positiivseid tulemusi sõltub suuresti serveri seadetest.

Pange tähele, et mõned juhiste juhised võivad nõuda tehnilisi teadmisi, olenemata kasutatavast sisuhaldussüsteemist (CMS).

Nii et alustame:

1. samm: piltide optimeerimine

Piltide laadimise kiirendamiseks soovitas PageSpeed ​​​​Insights Tool neid optimeerida, vähendades faili suurust. Selle probleemi lahendamiseks peate tegema kaks olulist asja:

• Tihendage kõik pildid selliste tööriistadega nagu Compressor.io ja TinyPNG. See tasuta tööriistad, millega saab suurust vähendada graafiline fail rohkem kui 80% ja mõnel juhul ilma pildi enda kvaliteeti halvendamata.
• Vähendage piltide suurust miinimumini ilma nende kvaliteeti vähendamata. Näiteks kui saidil vajame 150x150px pilti, siis serveris peab pilt olema sobiva suurusega. Kujutise parameetreid ei tohiks reguleerida, kui CSS abi või HTML-märgendeid.

Ülaltoodud reeglite kohaselt on kõik saidil olevad pildid üles laaditud ning käsitsi tihendatud ja suuruseks muudetud. Ja selleks, et pärast saidile üleslaadimist mitte jännata piltide optimeerimisega, on parem kujundada harjumus kõik uued serverisse laaditud pildid esialgu optimeerida. Iga uus pilt tuleb tihendada ja kohandada vajalike parameetritega.

PageSpeed ​​​​Insights pakub võimalust juba optimeeritud piltide allalaadimiseks, et neid saaks otse serverisse üles laadida sellest teenusest. Sama saab teha JavaScripti ja CSS-iga.

2. samm: vähendage JavaScripti, CSS-i ja HTML-i

Näites soovitab Google vähendada JavaScripti ja CSS-failid.

Minimeerimisprotsess võimaldab teil failide suurust kõrvaldades vähendada ebavajalikud ruumid, katkestused, read, sümbolid ja kommentaarid JavaScript- ja CSS-failides. Programmeerijad jätavad sageli kodeerimise ajal palju ruumi ja kommentaare, mis võib JavaScripti ja CSS-failide suuruse kahekordistada.

Selle probleemi lahendamiseks installiti serverisse Gulpjs. See on tööriist, mis loob automaatselt uus fail CSS ja eemaldab kõik mittevajalikud tühikud. Samuti loob see automaatselt uue CSS-faili iga kord, kui teete uusi muudatusi. Ülaltoodud näites aitas see vähendada põhi-CSS-faili suurust ligikaudu 300 kbilt 150 kbile. See suuruse erinevus on tingitud mittevajalikest tähemärkidest.

Saate JavaScripti ja CSS-i suurust veelgi vähendada, nimetades muutujad ümber õige toimimine valijad ja HTML-i värskendused.

JavaScripti saate optimeerida kasutades Closure Compiler, JSMin või YUI Compressor. Saate luua eriprogramm, mis ülaltoodud tööriistu kasutades nimetab failid ümber ja salvestab need töökataloogi.

CSS-i saate vähendada YUI Compressori ja cssmin.js tööriistade abil.

HTML-koodi saate minimeerida, kasutades programmi PageSpeed ​​​​Insights. Parsige leht ja valige "Lühenda HTML-i". Koodi optimeerimiseks klõpsake nuppu "Kuva optimeeritud sisu".

Lisateavet JavaScripti ja CSS-failide optimeerimise kohta leiate järgmiselt lingilt:

Optimeeritud faile saate alla laadida ka otse tööriistast PageSpeed ​​​​Tool.

Siin on tulemused, mis saadi pärast JavaScripti ja CSS-i minimeerimist:

3. samm: brauseri vahemälu kasutamine

Paljude veebihaldurite jaoks on brauseri vahemällu salvestamise samm kõige keerulisem.

Selle probleemi lahendamiseks pidime kõik teisaldama staatilised failid saidilt CDN-i (sisu edastamise võrk).

CDN on serverite võrk, mis asub erinevates kohtades üle maailma. Nad salvestavad vahemällu veebisaitide staatilisi versioone, näiteks pilte, JavaScripti failid ja CSS. Sees CDN-serverid Saidi sisu koopiad salvestatakse ja sellele saidile sisenemisel laaditakse staatiline sisu alla lähimast serverist.

Näiteks kui saidi põhiserver asub Texases, siis ilma CDN-ita peab Amsterdamist pärit külastaja ootama, kuni saidi sisu USA-s asuvast serverist kogu teekonnani jõuab. CDN-iga laaditakse sait palju kiiremini kasutajale lähimast serverist, antud juhul Amsterdamist. Seega väheneb andmetele juurdepääsu kaugus ja sait laaditakse peaaegu koheselt.

Siin on CDN-i toimimise visualiseerimine:

Testsaidil viidi kõik pildid, JavaScripti ja CSS-failid üle CDN-i ning ainult HTML-failid. Piltide paigutamine CDN-ile esitab oluline roll kui kiiresti veebisaidi lehed külastajate jaoks laaditakse.

Pärast ülaltoodud manipuleerimisi soovitas tööriist PageSpeed ​​tüütult kasutada brauseri vahemällu kolmanda osapoole ressursse. Siin on ekraanipilt:

Selle probleemi lahendamiseks pidime parandama suhtlusvõrgustiku skriptid, asendades loendurid loenduritega staatilised pildid, hostitud CDN-is. Kolmandate osapoolte skriptide asemel, mis püüdsid juurdepääsu andmetele Twitterist, Facebookist või Google Plus, tellijate loendamiseks paigaldati autonoomne loendur, mis aitas seda probleemi lahendada.

Ent häirivam oli see, et lisaks sotsiaalmeedia skriptidega seotud probleemidele aeglustus ka veebileht Google'i kood Analüütika.

Probleemi lahendused skriptiga Google Analytics päris raske ülesanne. Kuna Analytics oli vajalik ja seda ei saa saidilt eemaldada, pidime otsima muid lahendusi.

Google muudab Analyticsi koodi üsna harva, kord-kaks aastas. Seetõttu Razvan lõi eriline skript, mis kontrollib saadavust iga kaheksa tunni järel viimased uuendused Analyticsi kood ja värskenduste tuvastamisel laadib need alla. Nii saate serveris hostida Analyticsi JavaScripti koodi, ilma et oleks vaja seda siit alla laadida Google'i serverid, igal külastusel.

Kui värskendusi pole, laaditakse Analyticsi kood CDN-i vahemällu salvestatud versioonist.

Ja kui Google JavaScripti koodi värskendab, laaditakse server automaatselt uus versioon ja värskendage seda CDN-is. Seda skripti kasutati kõigi väliste kolmanda osapoole skriptide jaoks.

Siin on Pingdom Toolsi ekraanipilt, mis näitab kõiki CDN-i allalaadimisi, sealhulgas Google Analyticsi koodi. Ainus serverist allalaaditav fail on kodulehe fail, mis on vaid 15,5 Kb. Kõigi kolmanda osapoole skriptide kõrvaldamine parandas oluliselt üldist laadimiskiirust.

4. samm: blokeerimiskoodide eemaldamine

Blokeerijate eemaldamine on ka üsna keeruline samm lehe laadimiskiiruse parandamise protsessis, mis nõuab häid tehnilisi teadmisi. Peamine probleem, mis tuli lahendada, oli kõige ülevaatamine JavaScripti kood alustades ülaosast "päisest" ja "kehast" kuni alumise "jaluseni" saidi kõigil lehtedel.

Kui teie sait on Wordpressi platvormil, aitab Autopmize'i pistikprogramm teil seda probleemi tõenäoliselt lahendada. Kontrollige oma seadeid ja seejärel Tühjendage märkeruut "Force JavaScript" ja määrake see valikuks "Inline all CSS".

Samm nr 5: lubage tihendamine

6. samm: mobiilivormingu optimeerimine

Analüüs mobiilivormingus näitab saidi mobiiliversiooni kohandatavust erinevat tüüpiõigusi, kasutades sobivaid fonte ja omades head navigeerimissüsteemi.

Kasutades Google Chrome näete, kuidas teie sait erinevalt välja näeb mobiiliversioonid. Selleks klõpsake paremas ülanurgas seadete ja brauseri juhtelementide menüüikooni (hamburger) ning seejärel valige " Lisatööriistad→ Arendaja tööriistad". Valige tööriistaribal mobiilseadmete kujutisega ikoon. See on kõik, vaadake:

Näite puhul ei olnud radikaalseid muudatusi vaja.

Järeldus

Selle tulemusena 6 kõige olulisi samme, mis aitas saidi "Monitor Backlinks" jaoks Google PageSpeed ​​​​Toolsis saavutada täiusliku skoori 100/100. Selle tulemusel mitte ainult ei optimeeritud avaleht, aga ka kõik sisemised lehed.

Kõigi saidi optimeerimiseks tehtud meetmete hulgast saab välja tuua kolm kõige olulisemat:

1. CDN-i kasutamine.
2. Blokeerimiskoodide eemaldamine. (Vältige JavaScripti koodi sisus; selle asemel liigutage see failide allossa.)
3. Pildi suuruse optimeerimine ja tihendamine.

Tahaksin teile veel kord meelde tuletada, et Google PageSpeed ​​​​Tools on lihtsalt ressursside optimeerimise abitööriist. Tööriistad on loodud selleks, et vähendada aega päringu (lingil klõpsamise) ja saidi lehe vastuse (lehe esimeste elementide kuvamise) vahel, et külastajad ei lahkuks saidilt ootamata selle laadimist. Samuti tuleb tööriista pakutavaid soovitusi kasutada ettevaatlikult, et kasutajatele ei kuvataks katkist paigutust või stiliseerimata plokkide komplekti.

Pange tähele. Kiire laadimine saidi lehtedel mõjutab kaudselt ressursi asetust otsingumootorid, see tähendab: suurem laadimiskiirus → rohkem ja pikemaid külastusi → kõrgem asetus.

Kui kasutasite Google'i tööriist PageSpeed ​​​​Insights oma saidi optimeerimiseks, jagage oma tulemusi kommentaarides.

Samuti ärge unustage, et UAWEB-i spetsialistid on alati valmis pakkuma vajalikku abi oma veebiressursi loomise, optimeerimise ja reklaamimise küsimustes, et iga sekund, mille kasutajad teie saidil veedavad, tooks teile kasu!

Veebisaidi omanikuna teate, et see peab olema kiire. Ja olete juba lugenud erinevaid artikleid selle kohta, kuidas oma veebisaiti kiirendada, ja võib-olla olete isegi midagi juba rakendanud. Siis muutub huvitavaks, kui kiiresti sait laaditakse. Siit lähete Google PageSpeed ​​​​Insightsile, mis on kõige populaarsem tööriist, saate Google'ilt hinnangu ja soovituste loendi. Ja see on koht, kus enamik meist eksib:

• Kas PageSpeed ​​​​Insights on SEO jaoks oluline?
• Miks minu saidi hinnang ei ole maksimaalne?
• Mida kõik need soovitused tähendavad?

Lubasite varem oma saidil vahemällu salvestamise ja eeldasite, et PageSpeedi skoor on peaaegu täiuslik, kuid nüüd mõtlete, miks see pistikprogramm kõiki kiirusprobleeme ei lahendanud? Võib-olla pole ta väga hea? Lühike vastus on järgmine:

Google PageSpeedil pole tähtsust.

Jah, on... aga miks see ei loe?

Lehekülje kiirus vs PageSpeed ​​​​Insights

Kiirus (saidi laadimisaeg) loeb ja on oluline mõõdik SEO-s ja mõjutab ka kasutajakogemust. Kui Googlebot indekseerib saidi, ei näe ta PageSpeedi indikaatorit, vaid teab ainult kiirust ennast. Kas teadsite, et Google PageSpeed ​​​​Insights ei mõõda teie veebisaidi kiirust? Jah, lugege seda uuesti:

Google PageSpeed ​​​​Insights ei mõõda saidi kiirust.