„Google PageSpeed“ modulis svetainei: ką jis gali padaryti ir kaip juo naudotis

Nusprendėme eksperimentuoti ir prie trijų projektų pridėti „Google“ greitintuvą. Išsiaiškinkime, kas iš to išėjo.

Svetainės turėtų būti įkeliamos akimirksniu. O ne, svetainės niekam nieko neskolingos? Įlipkite į troleibusą ir atsisėskite šalia studento, kuris sėdi su iPhone. Pažiūrėkite, ar jis nori laukti, kol bus įkelta internetinė parduotuvė. Sakykime taip: trys sekundės ir skirtukas užsidaro. Naudojamas kitas paieškos rezultatų rezultatas.

Beje, apie paieškos rezultatus. Svetainės įkėlimo greitis turi įtakos reitingams paieškos sistemose. Įrodymai ir. „Lėtose“ svetainėse rečiau lankosi robotai, todėl mažesnė tikimybė, kad jos bus indeksuojamos. Tai turi įtakos vietai paieškos rezultatuose ir reikalingos informacijos paieškos paprastumui.

Nuolat galvokite, ar jūsų puslapis bus įkeliamas lėčiau išmaniajame telefone nei kompiuteryje. Ir jei taip yra, greičiausiai jį sumažinsime paieškos rezultatuose.

– Mattas Cuttsas, „Google“.

„Google“ sunkiai dirbo ir išleido greičio testavimo įrankį – „PageSpeed“. Nesunku rasti elementus, lėtinančius įkėlimą – eikite į čia ir vieninteliame laukelyje nurodome adresą, kurį norite išbandyti. Išsami veiklos ataskaita bus parengta per minutę. Rezultatas bus rodomas papūgose. Idealiu atveju jų yra šimtas, bet pabandykite tai pasiekti! Net pati „Google“ to negali padaryti: patikrinkite jos paslaugas :)

Testai atliekami tiek staliniams kompiuteriams, tiek mobilioji versija svetainę. Geriau naršyti pagal spalvų skalę: geltona zona rodys, kad yra elementų, kuriuos reikia optimizuoti, o žalia – kad viskas gerai. Jei svetainė yra raudonojoje zonoje, padidinkite greitį ir optimizuokite. Priešingu atveju laukia bedugnė: kol puslapis bus įkeltas, vartotojas jau bus išėjęs į kitą svetainę :)

Yra du būdai optimizuoti savo svetainę.

Rankinis optimizavimas

1. Paveikslus suspaudžiame naudodami Photoshop arba paleidžiame Optimizilla, Pavyzdžiui

Kuo mažesnės nuotraukos, tuo daugiau šakalų, tuo greičiau įkeliama svetainė. Atliekame suspaudimą, slepiame kelių megapikselių nuotraukas po katėmis. Pakanka 640 x 480 peržiūros. Mažesnis vaizdas reiškia greitesnę svetainę.

Net prie starto linijos Google puslapyje Kūrėjų grafika gali būti suglaudinta 71%.

2. Mes jungiame šriftus iš pačios svetainės, o ne iš Google šriftų

Neigiama yra tai, kad kol naršyklė neįkels šrifto, vartotojas matys nuobodų Arial arba Tahoma.

3. Išnaudokite visas naršyklės talpyklos galimybes

Kai klientas svetainę jau iš dalies išsaugojo, įkėlimas vyks daug greičiau.

4. Sumažinkite JavaScript ir CSS

Scenarijai nėra redaguojami kiekvieną dieną po išleidimo – nėra prasmės juos suspausti. Pakanka optimizuoti vieną kartą po kodo redagavimo. Geriau pateikti JS šablonus serveryje, įterpti rezultatus į HTML, o įkėlus šablonus naudoti kliente.

5. HTML sutrumpinimas

Praktiškai pašalinant papildomus tarpus, skirtukus ir eilučių pertraukas.

6. Pašalinkite nenaudojamą kodą

Galite naudoti „Chrome“ integruotą auditą. Paspauskite F12 ir eikite į skirtuką Auditai. Apačioje yra vienas mygtukas Vykdyti. Iš esmės atlieka tą patį, ką ir „PageSpeed“. Tik realiu laiku.

Automatinis optimizavimas

Bet kuri svetainė susideda iš dinaminių ir statinių elementų. Dinaminiai elementai yra pats HTML kodas, gautas iš PHP darbo ir duomenų bazės užklausų. O visa kita yra statiška. Tai vaizdai, JavaScript ir CSS.

Galite automatiškai optimizuoti savo svetainę naudodami šį puikų „Google“ dalyką – PageSpeed ​​​​Insights. Šis modulis yra įdiegtas nginx serveryje ir po nustatymų suspaudžiamas realiuoju laiku daug informacijos, įskaitant grafiką.

„PageSpeed ​​​​Insights“ gali analizuoti HTML ir optimizuoti išteklius. Trumpai tariant, išspausti. Šaltinio kode ištekliai bus išdėstyti kitu keliu, nei nurodė kūrėjas, kad suspaustų nuotrauką. Tai verta apsvarstyti. Tačiau išteklių rodymas nepasikeis. Svoris sumažės. Tai reiškia, kad puslapio įkėlimo greitis padidės ir lankytojai bus laimingesni :)

Tačiau „PageSpeed ​​​​Insights“ turi apribojimų. Jį galima įdiegti tik nginx, kuriame veikia arba virtualus serveris. Ne, kur nors Vokietijoje išsinuomotas bendras serveris neveiks.

Antrasis apribojimas yra susijęs su amžinu naršyklių karu. Paveikslėliai, suspausti naudojant „PageSpeed“, konvertuojami į .webp formatą, kurį supranta tik „Chrome“ (populiarioje Internet Explorer 6 toks dalykas neveiks). IN naujausios versijos Opera taip pat išmoko rodyti tokius vaizdus. Nes buvo pakeistas variklis.

„PageSpeed ​​​​Insights“ naudojimo pavyzdžiai

„PageSpeed ​​​​Insights“ modulį įdiegėme trijuose projektuose – naujoje svetainėje ir dviejuose klientų projektuose. Modulis mato, iš kurios naršyklės gaunama užklausa, patikrina, ar ji išmokyta rodyti webp formatą, ir pateikia optimizuotą vaizdą arba įprastą JPEG formatą.

„Sibirix“ teigimu, sąranka užtruko apie pusę dienos. Kai kuriuos dalykus turėjome atlikti empiriškai: juos pakeitėme ir žiūrėjome, kas vyksta. Kartais zona buvo žalia, tačiau ji galėjo visiškai nenuspėjamai nuskristi į geltoną spalvą.

Dabar abi versijos yra žaliojoje zonoje. Tai reiškia, kad nebus jokių problemų dėl greičio. Jei ryšio greitis geras, tai ne koks EDGE :)

Viduje techninė pagalba„Vitra“ gamyklos internetinėje parduotuvėje nusprendėme paeksperimentuoti ir joje įdiegti „PageSpeed ​​​​Insights“ modulį:

„Google PageSpeed ​​​​Insights“ paslauga, teikianti patarimus, kaip pagreitinti svetainę, jau seniai išpopuliarėjo. Galbūt susidūrėte su jo rekomendacijomis, net jei niekada neatsidarėte projekto puslapio. SEO agentūros ir laisvai samdomi darbuotojai mėgsta įtraukti analizės rezultatus į savo pardavimo pasiūlymus ir auditą, bandydami sužavėti klientą gausybe terminų ir griežtomis antraštėmis, vadovaujantis „Privalai pataisyti“.

Todėl norint suprasti kas yra Google PageSpeed ​​​​Insights ir ar būtina laikytis jos rekomendacijų?, reikalingas ne tik kūrėjams, bet ir svetainių savininkams/interneto projektų vadovams.

Tai buvo įžanga. O dabar žadėtasis niuansas.

„Google PageSpeed ​​​​Insights“ skirta bandymo tikslais skirtingos versijos vienas puslapis. Įvairių svetainių reitingų palyginimas yra beprasmis pratimas.

Ar tu supranti? „Google PageSpeed ​​​​Insights“ NĖRA svetainės greičio matavimo paslauga. Tai įrankis, rodantis galimus pastangų optimizuoti puslapio įkėlimo greitį taškus. Ir, žinoma, įvertinimas paslaugoje neturi tiesioginės įtakos reitingui, todėl naudoti rekomendacijas SEO ataskaitose yra neprotinga. Išskyrus situacijas, kai šių patarimų įgyvendinimas tikrai turi esminės įtakos naudotojo patirčiai.

Galėtume čia baigti, bet jūs neskaitytumėte šio tinklaraščio, jei jums nepatinka įrodymai. Na, pagalvokime apie tai.

Koks ryšys tarp faktinio įkėlimo greičio ir puslapio greičio įvertinimo?

Tikrai ne. Čia yra dvi ekrano nuotraukos iš paslaugos.

1. Puslapio, kuriame yra daug teksto ir paveikslėlių, bandymo rezultatai:

Nepaisant dydžio, puslapis įkeliamas priimtinu greičiu – tai galite patikrinti patys.

2..php – turi 5 sekundžių įkėlimo delsą (sleep(5) funkcija):

Skirtumas yra 20 taškų, pirmasis puslapis yra "raudonoje", antrasis - "geltonoje" zonoje. Oi!

Gana aišku, ar ne? Atminkite: blogas įvertinimas nėra tas pats, kas ilgas pakrovimas. Tai tik indikatorius, kad puslapį galima padaryti greičiau. Tačiau paslauga, žinoma, nepasakys, ar ji yra 2 kartus ar 2% greitesnė. Ne todėl, kad su juo kažkas negerai. Tai tiesiog skirta kažkam kitam ir viskas gerai. Kūrėjas turi priimti sprendimus.

Gerai, bet aukštas reitingas vis tiek naudingas SEO, tiesa? Kadangi tai pati „Google“ paslauga!

Argumentas, mano nuomone, gana silpnas. Kaip parodyta aukščiau, taškų skaičius, kurį sukuria įrankis, nėra susijęs su savybėmis, kurios iš tikrųjų yra svarbios vartotojui.

Tie. šis įvertinimas yra daugiau triukšmo nei naudingas paieškos signalas. Pirmaujančios svetainės su sudėtingomis JS funkcijomis dažnai yra „raudonojoje“ zonoje. Tačiau 2000-ųjų projektai, sukurti naudojant vien HTML, gali duoti 80–90 balų. Beje, „Google“ niekada nenurodė ryšio tarp savo paslaugų įvertinimo ir reitingo.

Bet tarkime, kad tai iš tiesų yra svarbus reitingavimo veiksnys. Ką tada stebėtume? TOP’e dominuotų aukštus įvertinimus turinčios svetainės. Ar yra toks dalykas? Ne!

Štai „Google“ TOP-2 svetainės ekrano kopija pagal užklausą „plastikiniai langai Maskva“:

Žinoma, tai pavienis pavyzdys. Bet jei šis veiksnys būtų tikrai reikšmingas, tokia svetainė į TOPą nebūtų įtraukta. Taip pat konkurencingose ​​temose galite rasti daug kitų atvejų.

Todėl pirmiausia galvojame apie tikrąjį svetainės įkėlimo greitį (galite patikrinti, pavyzdžiui, iš http://www.webpagetest.org/). Jei greitis nėra labai geras (prastesnis nei konkurentų), pirmiausia dirbame prie duomenų bazės ir turinį rodančių scenarijų optimizavimo. Jų neraštinga organizacija yra daugumos „stabdžių“ priežastis. Tada „PageSpeed ​​​​Insights“ bus naudinga.

Taigi dabar žinote, kad kartais galite nepaisyti baisių patarimų, pvz., „Būtinai pataisykite“ – net jei „Google“ tai duoda. Sėkmės!

Nemokamai internete Google paslauga„Page Speed ​​​​Insights“ yra išsamus įrankis, leidžiantis nustatyti tikrąjį našumą ir pasirinkti efektyvius svetainės optimizavimo būdus. Patogus naudoti tiek kompiuteryje, tiek ant jo mobilusis įrenginys. Jis nerodo absoliutaus puslapio greičio, bet analizuoja įkėlimo ir atvaizdavimo dinamikos efektyvumą kliento naršyklėje. Šiuo atveju atsižvelgiama tik į veiksnius, kurie nepriklauso nuo interneto ryšio tipo: JavaScript, CSS, HTML struktūra, serverio konfigūracija, vaizdo dydis ir kt.

Darbo pradžia

Norėdami gauti išsamią našumo ataskaitą, turite apsilankyti oficialioje „Page Speed ​​​​Insights“ svetainėje ir įklijuoti nuorodą į tiriamą šaltinį eilutėje „Įveskite tinklalapio URL“. Po to turite spustelėti mygtuką „Analizuoti“.

Paruošimo laikas ir rezultato pristatymas trunka mažiau nei minutę. Vartotojas gali iš karto įvertinti SEO optimizavimo poreikį arba patikrinti tinklalapiui naudojamo paieškos sistemos skatinimo algoritmo efektyvumą.

„Google Page Speed ​​​​Insights“ funkcijos

Svetainės įkėlimo greičio ataskaitoje yra grafinis ir skaitmeninis komponentas, skirtas kompiuteriams ir mobiliesiems įrenginiams.

Puslapio greičio indikatorius rodo dinamiką sekundėmis nuo pirmojo turinio atvaizdavimo (FCP) pradžios iki HTML įkėlimo ir DOM medžio (DCL) sukūrimo, t. y. sąsaja visiškai inicijuojama vartotojui. Kuo trumpesnis šis laikas, tuo greičiau svetainė bus rodoma naršyklėje. Siekdama užtikrinti, kad visi ištekliai būtų vienodi, „Google Page Speed ​​​​Insights“ kaip atskaitos tašką naudoja vidutinį tinklo įkėlimo greitį ir suteikia vieną iš šių įvertinimų:

• Lėtas – lėtas (raudona spalva);
• Vidutinis – normalus (oranžinė);
• Greitas – greitas (žalias).

Turint greičio pasiskirstymo grafiką lengva nustatyti problemines sritis pagal atsisiuntimo greitį ir imtis reikiamų priemonių. Aiškią reikšmę turi ir spalvoti grafiniai ženklai.

Be to, internetinė paslauga „Page Speed ​​​​Insights“ naudoja 100 balų skalę, kad įvertintų žiniatinklio išteklius pagal laiką, kurio reikia paieškos užklausos rezultatams gauti, ir visą puslapio įkėlimą. Iš viso yra trys greičio intervalai:

• Žemas (žemas) – 0–59 balai;
• Vidutinis (vidutinis) – 60–79;
• Geras (geras) – 80–100.

Žemas žiniatinklio išteklių įvertinimas beveik visada rodo didelius pateikimo proceso organizavimo trūkumus, kuriuos būtina pašalinti.

Puslapio greičio įžvalgos ir SEO reklama

Svetainės reitingui nustatyti Google naudoja apie 200 faktorių, tarp kurių svarbiausi yra raktinis žodis pavadinimo žymos pradžioje, turinio apimtis ir atitikimas paieškos užklausoms, raktinių žodžių tankis ir vieta bei absoliutus įkėlimo greitis. „Google Page Speed ​​​​Insights“ indikatorius tiesiogiai veikia 1–3 rezultatų iš 100 pateikimą. Tuo pačiu metu oficialiuose sistemos reikalavimuose teigiama, kad „svetainė turi veikti kuo greičiau“. Šis veiksnys turi teigiamą poveikį žiniatinklio šaltinio elgsenos istorijai ir žymiai padidina jo reitingą. Štai kodėl efektyviai SEO svetainės reklamai reikalingi įprasti Page Speed ​​​​Insights rodikliai, bet nebūtinai geros ir greitos vertės. Aiškus šio fakto patvirtinimas yra labai populiarus Amazon.com šaltinis, turintis vidutinį optimizavimo lygį ir aukštą reitingą.

Kūrėjai didelį dėmesį skyrė funkcionalumui ir išvaizda Svetainėje sutrumpinant visą vaizdų ir stilių įkėlimo laiką.

Be išsamios ataskaitos apie žiniatinklio išteklių našumą, paslauga taip pat siūlo įvairių variantų ją patobulinti. Pavyzdžiui, Amazon.com gavo šiuos optimizavimo pasiūlymus.

Naršyklės talpyklos naudojimas. Praktiškas ir naudingų patarimų apie talpyklos antraštes naudojimą statinių failų kopijoms saugoti (nekeiskite nuo vienos paieškos užklausąį kitą) vartotojo naršyklėje.

Gali būti, kad nuorodų sąraše yra šaltinis, kurio žiniatinklio priegloba įdiegta trečiosios šalies svetainėje, todėl neįmanoma laikytis šios rekomendacijos.

Pašalinamas pateikimą blokuojantis „JavaScript“. Jei įmanoma, interaktyvių tinklalapių scenarijų vykdymą organizuokite svetainės poraštėje (poraštė – apatinė dalis) arba asinchroniškai įkelkite antraštę ir JavaScript. Be to, dalis kodo gali būti perkelta į pagrindinį HTML žymėjimą. Čia svarbus profesionalo dalyvavimas, kad nebūtų sutrikdytas teisingas svetainės funkcionalumas. Ši rekomendacija netinka naudojantiems ištekliams paruoštas šablonas WordPress.

Kaskadinio stiliaus lapo optimizavimas. Galima padalyti CSS kodą, kad pirmieji ekrano dizaino stiliai būtų įkeliami į svetainės antraštę, o likusios pakopinės lentelės būtų įtrauktos į poraštę. Čia taip pat reikalingas maketuotojo dalyvavimas, kad ateityje nekiltų problemų, susijusių su svetainės veikimu.

Vaizdo suspaudimas. Veiksmingu būdu Didinant svetainės įkėlimo greitį optimizuojamas nuotraukų ir nuotraukų dydis. Tam galite naudoti redaktorių Adobe Photoshop arba specializuotos internetinės paslaugos: Compressor.io, TinyPNG, Optimizilla, Web Resizer. Rekomenduojamas vaizdo plotis coliais jpeg formatu, gif arba png – 400–600 pikselių, kurių svoris 35–75 KB.

Nemokama Google įrankis„Page Speed ​​​​Insights“ yra greita, paprasta naudoti, pateikia išsamią svetainės našumo analizę ir praktines rekomendacijas, kaip pagerinti įkėlimo greitį. Naudodami šią paslaugą galite pagerinti žiniatinklio išteklių konversiją ir išvengti naudotojo atsisakymo dėl atidėto atvaizdavimo arba daug laiko reikalaujančio vaizdo įkėlimo.

🎧 2019 Nauja Google PageSpeed ​​​​Insights: panika ar džiaugiamės?

Klausykite podcast'o epizodo apie atnaujintą Google PageSpeed ​​​​Insights! 🎧

Neseniai „Google“ atnaujinus savo tinklalapio įkėlimo optimizavimo paslaugą, kilo didelis ažiotažas. Paaiškėjo, kad populiariausių išteklių greičio matavimo rezultatai buvo tris kartus mažesni, nei buvo prieš paleidžiant naujus „PageSpeed ​​​​Insights“ nustatymus. Ir jei nuo 2018 m. vasaros svetainės įkėlimo greitis buvo įtrauktas į svarbiausius paieškos sistemos reitingavimo veiksnius Google sistemos, kaip tada nepanikuoti? Ir kokia tai paslauga, kuri per naktį sutrikdė SEO specialistus visame pasaulyje?

Kas yra „Google PageSpeed ​​​​Insights“.

Tai nemokama paslauga leidžia ne tik įvertinti, kaip greitai įkeliami tinklalapiai, bet ir padeda aktyviai gerinti šį rodiklį. Įrankis buvo sukurtas diagnozuoti ir optimizuoti išteklių greitį ir jau seniai užima vietą kiekvieno save gerbiančio SEO specialisto lobyje. Jis yra tarsi „sklandus“ interneto svetainių kuratorius: stebi jų darbą, analizuoja, nustato silpnąsias vietas ir pasiūlo, kurias klaidas reikia taisyti. Tuo pačiu metu „PageSpeed ​​​​Insights“ ne tik pataria, ką reikia padaryti, bet ir parodo, kiek laiko sutaupys tam tikras greičio optimizavimo veiksmas ateityje atsisiunčiant.

Kodėl „PageSpeed“ laikoma svarbiausia priemone išteklių greičiui matuoti

Tai labai patogi ir lengvai naudojama paslauga, kurią nesunkiai perpranta net pradedantysis. Be to, jis yra daugiafunkcis ir šiuo parametru lenkia daugumą savo konkurentų. „PageSpeed“ yra viena iš nedaugelio prisitaikančių paslaugų, pritaikytų dirbti mobiliuosiuose įrenginiuose. Taip pat didelį vaidmenį atlieka tai, kad šis svetainės įkėlimo greičio tikrinimo įrankis yra glaudžiai susijęs su viena didžiausių paieškos sistemų pasaulyje ir yra jai pritaikytas. Norėdami pradėti, tereikia įvesti svetainės URL. Rezultatai siūlomi dviem versijomis: puslapių įkėlimui kompiuteryje ir mobiliajame įrenginyje. Vertinimas atliekamas 100 balų skalėje. Apgaudinėja tie, kurie sako, kad 100 balų – nepasiekiama kartelė. Netikėk.

Ar verta lygiuotis į šią paslaugą?

Neskatiname rinktis vienokios ar kitokios priemonės optimizavimas yra savanoriškas. Bet jei norite, kad jūsų svetainė būtų gerai įvertinta „Google“, „PageSpeed ​​​​Insights“ yra tikrai svarbus įrankis. Tačiau nepamirškite, kad balas yra tik subjektyvus paslaugos įvertinimas, o ne nekintamas faktas. Tačiau tai parodo tikrąjį ištekliaus greitį, pateikia viską į perspektyvą.

Greičiui matuoti ir optimizuoti yra ir kitų paslaugų, tačiau nereikėtų rinktis sau „stabo“ ir aklai jo garbinti. Nė vienas iš jų, įskaitant PageSpeed, nėra etalonas. Šios priemonės skirtos ne tam, kad jose pasiektų aukščiausią balą, kaip per egzaminą, o tam, kad būtų galima rasti idealią funkcionalumo, naudingumo ir resurso greičio sankirtą. Tai reiškia, kad protingiau optimizuoti tik tai, ką galima patobulinti, nepakenkiant kitoms svetainės savybėms, o ne stengtis „visus rekomenduojamus taškus sutalpinti į 100“. Nepamirškite, kad pagrindinis tikslas yra suteikti kuo teigiamą vartotojo patirtį.

„Google PageSpeed ​​​​Insights“ algoritmo atnaujinimas

Liepos mėnesį pradėjo veikti „Google“. naujas algoritmas- Greitasis atnaujinimas, todėl įkėlimo greitis tampa paieškos variklio reitingavimo veiksniu. Lapkričio PSI (PageSpeed ​​​​Insights) atnaujinimai iš esmės pakeitė paslaugą. Dabar ji veikia naudojant „Lighthouse Analytics“, integruotą Google naršyklė Chrome. Tai atviro tipo įrankis šaltinio kodas, sukurta siekiant pagerinti ir kontroliuoti tinklalapių kokybę. Jei anksčiau PSI vertino išteklius pagal tam tikrų sąlygų laikymąsi ir užduočių atlikimą, dabar norint gauti aukštą balą atsižvelgiama tik į greitį. Svarbu, kiek laiko užtrunka, kol pirmasis turinys ir pagrindinė jo dalis pasirodo puslapyje, kiek sekundžių užtrunka, kol vartotojas pilnai sąveikauja su šaltiniu, bendras greičio indeksas ir kitos charakteristikos.

„PageSpeed ​​​​Insights“ pridėjo siužetinės linijos funkciją, kurią sudaro dešimt skaidrių, kuriose galite matyti puslapio turinio rodymo tvarką. Be to, paslauga dabar teikia patarimų, kaip naudoti naujus vaizdo formatus šaltinyje - JPEG 2000, WebP ir JPEG XR - kurie sveria mažiau nei jų pirmtakai. Tai svarbus parametras, kuris ypač veikia svetainių, kuriose didelę dalį turinio užima įvairūs vaizdai, įkėlimo greičiui.

Ką daryti, jei „Google PageSpeed ​​​​Insights“ metrika sumažėjo po paskutinio atnaujinimo

Per ateinančias savaites kūrėjai išbandys atnaujintą paslaugą, ar nėra jau aptiktų klaidų, ir jas ištaisys. Dabar, tikrinant tos pačios svetainės įkėlimo greitį, paslauga gali rodyti skirtingus rezultatus arba net paskelbti, kad puslapis nepasiekiamas. Pirmuoju atveju reikia atlikti 5-6 matavimus iš eilės ir susitelkti ties vidurkiu, nes aikštelės nėra statiškos ir ne jų greitis. Antrasis variantas yra labai svarbus, jei taip atsitiks, jums reikia skubiai įtraukti svetainę į prieinamumo stebėjimą. Tuo pačiu nepamirškite, kad reikia tam tikro laiko, kad būtų užtikrintas sklandus PSI veikimas, o svetainė prarastų aukštas pozicijas paieškos rezultatuose. Šie dalykai neįvyksta per naktį. Todėl panikuoti ar imtis neapgalvotų žingsnių neverta – gali tekti juos taisyti po poros savaičių.

Štai ką turėtumėte padaryti:

sutelkti dėmesį į mobiliąją versiją – Google jai kelia rimtesnius reikalavimus ir teikia jai prioritetą.

Išjunkite nereikalingas bibliotekas ir papildinius, jie labai sulėtina svetainės įkėlimo greitį, bet net nedalyvauja jos turinio atvaizdavime. Čia yra subtilus dalykas: šis darbas skirtas tik patyrusiems specialistams, kitaip galite visiškai „sulaužyti“ svetainę.

Sutelkite dėmesį į momentinį pirmojo ekrano įkėlimą: atsižvelgiant į naujas paieškos variklio sąlygas, jis turėtų būti paruoštas dirbti ir kuo greičiau bendrauti su vartotoju.

Perkelkite į poraštę (puslapio apačią) js, kurie nėra susiję su puslapio ar bent jau pirmojo ekrano rodymu. Kai kurie žmonės pataria ten perkelti ir css, tačiau to nereikėtų daryti jokiomis aplinkybėmis. Tai dar labiau sulėtins puslapio paruošimą sąveikai.

Ir nesistenkite pasiekti tobulo balo. Nežinodami būtinų subtilybių, užuot pagerinę išteklių kokybę, galite padaryti jam didelę žalą. Idealus variantas yra paprašyti pagalbos to, kuris gerai išmano tai. Po diagnozės bus aišku, ar viskas tvarkoje, ar tikrai reikia kažką keisti.

Kaip gauti 100/100 „Google PageSpeed ​​​​Insights“.

Ne visomis paslaugos rekomendacijomis gali vadovautis paprastas svetainės savininkas ar net SEO optimizavimo specialistas. Kartais tokie veiksmai netinkamose rankose duoda visiškai priešingą rezultatą, todėl resursas pradeda prarasti savo pozicijas paieškos rezultatuose. Pavyzdžiui, JavaScript ir css perkėlimą iš antraštės (puslapio viršaus) į poraštę, rekomenduojamą PSI tarnybos, turėtų atlikti patyręs programuotojas, žinantis, kaip teisingai įdėti šiuos elementus. Priešingu atveju išteklių blokai gali būti „kreipti“ ir greitis sumažės, o ne gerės.

Taigi, kaip minėta pirmiau, siekti 100/100 „PageSpeed ​​​​Insights“ ne visada yra protinga, o jei esate pasiryžę siekti tobulumo, darykite tai atsargiai. Atminkite, kad vartotojas yra svarbesnis už PSI įvertinimą ir jis neturėtų matyti jūsų svetainės išdėstymo dalių ar kreivo puslapio dizaino.

Paslaugos privalumai

Nepaisant visų darbo su šiuo įrankiu spąstų, jis vis dar yra labai populiarus ir dėl geros priežasties. Daugelis patarimų, kaip sumažinti scenarijų, vaizdų ir kitų elementų dydį, yra tikrai naudingi norint padidinti svetainės įkėlimo greitį. Naršyklės talpyklos naudojimas, kurį kai kuriais atvejais rekomenduoja paslauga, taip pat yra labai svarbus dalykas norint pagreitinti išteklių, tačiau tai nėra lengva net žiniatinklio valdytojams. Todėl, kad nesusimaišytumėte, šį darbą geriau patikėkite profesionaliai svetainės optimizavimo komandai. Pavyzdžiui, galite mums paskambinti. :-)

22 svarbūs įrankiai, skirti patikrinti svetainės puslapių įkėlimo greitį 2019 m

Svetainės įkėlimo greičiui patikrinti gali būti daugybė įrankių, tačiau tarp jų yra tik keletas, kuriuos tikrai verta apsvarstyti:

Tą pačią užduotį galite atlikti naudodami naudingus „Chrome“ įrankius – „Google Chrome DevTools“. Arba galite apsieiti be plėtinių: paspauskite Ctrl+Shift+i, kai skirtukas atidarytas naršyklėje „Chrome“, ir naršyklės konsolėje pasirinkite Auditai. Tada spustelėkite Vykdyti auditą ir palaukite, kol „Lighthouse“ išanalizuos svetainę ir parodys rezultatus.

Kokie parametrai iš tikrųjų yra svarbūs matuojant svetainės greitį 2019 m

PSI nustato šešis taškus, kurie lemia galutinį paslaugos įvertinimą ir yra labai vertingi analizuojant svetainės įkėlimo greitį.

Pirmasis turinio įkėlimo laikas

Tai yra intervalas nuo puslapio atidarymo ir įkėlimo pradžios iki pirmojo teksto ar paveikslėlio pasirodymo jame.

Atsisiuntimo greičio indeksas

Tai yra svetainės turinio įkėlimo greičio matas, kol puslapis nustoja vizualiai keistis. Tai reiškia, kad vartotojas gali matyti turinį taip, kaip jis turėtų atrodyti.

Įkėlimo laikas sąveikai

Šis parametras parodo, kiek sekundžių vartotojui reikia laukti, kad pradėtų spustelėti puslapį ir jo atskirą turinį.

Laikas įkelti pakankamai turinio

Tai laiko intervalas, per kurį dauguma medžiagos pasirodo tinklalapyje. Tai reiškia, kad svetainė atrodo beveik visiškai paruošta peržiūrėti.

CPU pabaigos laikas

Ši „Google PageSpeed ​​​​Insights“ metrika reiškia, kad procesorius pakankamai įkėlė svetainę, kad per tinkamą laiką reaguotų į vartotojo veiksmus. Tai gali būti, pavyzdžiui, teksto įvedimas į paiešką arba interaktyvaus elemento spustelėjimas. Puslapio atsako laikas neturi viršyti 50 milisekundžių.

Apytikslis įvesties delsos laikas

Tai puslapio reakcijos į vartotojo veiksmus laikas per aktyviausias 5 sekundes po jo įkėlimo. Jei šiuo metu svetainė reaguoja ilgiau nei 50 ms, tada sukuriamas „užšalimo“ efektas ir lankytojui atrodo, kad jūsų resursas „lėtėja“.

Ko tikėtis iš atnaujintos „Google PageSpeed ​​​​Insights“ šiais metais

Senoji PSI versija dažnai labai vertino labai lėtus išteklius, tačiau, priešingai, nepelnytai menkino greituosius. Atnaujinta paslauga ant pjedestalo iškelia tikrai svarbius dalykus – serverio reakcijos laiką ir „sunkaus“ ​​turinio kiekį puslapyje. Visi didelių gabaritų „papuošalai ir smulkmenos“ tik sugadins rezultatą ir palaipsniui praras savo populiarumą.

Tikrai reaktyvių svetainių ir gerų specialistų, žinančių, kaip jas sukurti, era jau visai šalia.

Eikite į ir paspartinkite savo svetaines!

Klausykite mūsų podcast'o apie atnaujintą „Google PageSpeed“! 🎧

Sveiki, mieli tinklaraščio svetainės skaitytojai. Šiandien noriu pakalbėti su jumis tokia svarbia tema kaip svetainės įkėlimo greitis. Tikriausiai jau girdėjote, kad kartu su daugeliu kitų veiksnių, turinčių įtakos interneto projekto reklamai, paieškos sistemos pastaruoju metu pradėjo atsižvelgti ir į tai. O stabdžiai svetainėje lankytojus, ypač įpratusius, tikrai erzina.

Tačiau daugeliui žiniatinklio valdytojų įkėlimo greitis nėra ta tema, dėl kurios turėtumėte pradėti sukti galvą, paprastai tai atidedama vėlesniam laikui ir iškyla aktualios problemos, susijusios su išteklių užpildymu unikaliomis medžiagomis ir jo tobulinimu. vidinis optimizavimas, bet visas įtakojančių veiksnių rinkinys. Kaip sakoma, grandinė tiek stipri, kiek stipri jos silpniausia grandis...

Internetinės svetainės įkėlimo greičio matavimo paslaugos

Bet kokiu atveju dar visai neseniai taip jaučiausi bandydamas pagreitinti savo išteklius. Bet man pasirodė, kad geriau nelaukti nemalonių tendencijų (būtent srauto mažėjimo nuo , nes jis kritiškesnis pakrovimo greičiui), o jau dabar ištaisyti akivaizdų trūkumą.

Jums tereikia tai suvokti greitis, iš kurios įkeliama jūsų svetainė, tinklaraštis ar forumas, yra labai svarbus rodiklis. Jei jūsų projektui nesiseka su šiuo rodikliu, tai gali sukelti gana nemalonių pasekmių. Ir svarbiausias iš jų yra tai, kad lankytojai gali atsisakyti dirbti su jūsų šaltiniu, nes... Puslapių įkėlimas užtrunka labai ilgai. Be to, paieškos sistemos, ypač Google, į tai atsižvelgia vertindamos bendrą konkretaus resurso naudingumą.

Norėdami suprasti, kaip greitai įkeliami jūsų šaltinio puslapiai, galite pasinaudoti, pavyzdžiui, jo galimybėmis, išsamiai aprašytomis straipsnyje, esančiame pateiktoje nuorodoje. Arba galite naudotis tam skirtomis paslaugomis. Žemiau pateiksiu keletą tokių pavyzdžių.

1. Pingdom— čia tereikia nurodyti puslapio, kurio įkėlimo greitį norite išmatuoti, adresą (tai nebūtinai turi būti pagrindinis puslapis, nes vidinių puslapių įkėlimo greitis yra ne mažesnis, o dažnai net svarbesnis).

   

   Dėl to bus pateikta atskirų tinklalapio objektų atsisiuntimo laiko diagrama, jų URL ir svoris. Kuo mažiau objektų bus įkelta ir tuo kiekvienas iš jų bus lengvesnis, tuo geriau. Pavyzdžiui, šiuo tikslu aš:

   1. sujungė keletą nuotraukų iš svetainės temos į
   2. taip pat, jei įmanoma, sumažinti
   3. be to, tai yra prasminga

   

   Tiesą sakant, kai kurias problemas ir savo svetainės greičio matavimo istoriją galite sekti gretimuose viršutinio „Pingdom“ meniu skirtukuose.

   Iššokančiajame lange būsite paraginti nukopijuoti nuolatinę nuorodą į atliktą testą, taip pat išsiųsti ją el. paštu arba Twitter. Taip pat galite užsiprenumeruoti prieinamumą lango apačioje. Jei jūsų ištekliai sumažės (tampa neprieinami lankytojams), jums bus išsiųsta žinutė el. paštu arba SMS į jūsų mobilųjį telefoną. Tačiau ši paslauga yra mokama, nors yra galimybė išbandyti nemokamą.

   Savo svetainėje, taip pat norėdami peržiūrėti Traceroute, turėsite pasirinkti skirtuką „Ping and Traceroute“ pačiame puslapio viršuje. Į siūlomą formą įveskite URL be http, pažymėkite šios formos žymimąjį laukelį „Traceroute“ arba „Ping“ ir spustelėkite „Test now“.

2. WebPageTest— kaip įprasta, įveskite tikrinamo puslapio URL (nebūtinai pagrindinio). Paslauga užtrunka, kol apskaičiuoja visų svetainės elementų įkėlimo greitį, po to sukuria labai vaizdinę diagramą (tiksliau, net dvi - pirmam praėjimui ir antram, kai kai kurie svetainės elementai įkeliami iš naršyklės talpykla):

   

   Pirmoje diagramoje atkreipkite dėmesį į violetinės vertikalios linijos padėtį - tai bus svetainės pateikimo pabaigos laikas. Antroji vertikali linija (mėlyna) reikš pilno pakrovimo laikas. Gerai, jei pirmoji eilutė yra 1–1,5 sekundės nuo svetainės įkėlimo, o antroji eilutė yra prieš 4 sekundes. Tada šias pastraipas galima perskaityti „nuorodai“. Jei svetainė įkeliama ilgiau nei 4 sekundes, turite susirūpinti, kaip ištaisyti šią situaciją.

3. Google PageSpeed ​​​​Insights yra pačios „Google“ kūrėjams skirtas įrankis. Jis įvertina jūsų svetainės įkėlimo greitį (tiksliau, šio greičio optimizavimą) 100 balų skalėje. 100 yra nepasiekiamas idealas, tačiau gauti 80-90 yra visiškai įmanomas, juolab, kad paslauga pateikia labai išsamias rekomendacijas, kaip ištaisyti nustatytus trūkumus.

   

   Kaip matote iš aukščiau esančios ekrano kopijos, „Google PageSpeed ​​​​Insights“ pateikia išsamų įvertinimą – kompiuterio naršyklei ir mobiliajam. Be to, žemiau rasite įvertinimą, kaip paprasta naudoti savo išteklius įvairiose programėlėse. Jei dar nesivarginote, tada balas ten bus labai žemas (o jūsų svetainės ekrano kopijoje dešinėje išmaniojo telefono lange viskas bus aiškiai matoma).

   Tačiau svarbiausia yra tai, kad „Google PageSpeed ​​​​Insights“. pateikia rekomendacijų, kaip padidinti svetainės balą, t.y. kaip tai paspartinti. Pradėti, žinoma, reikia nuo pačios viršaus, nes šios korekcijos labiausiai prisidės prie pagreitinimo.

   Pavyzdžiui, turėjau problemų nustatydamas gzip glaudinimą ir statinių failų (vaizdų, css failų ir scenarijų) talpyklos laiką naudotojų naršyklėse, nes „Apache“ veikia kartu su „nginx“, bet nežinau, kaip su ja dirbti. tai. Teko rašyti į Infobox techninę pagalbą su prašymu viską sureguliuoti – jie tai padarė, o pinigų net nepaėmė (ačiū jiems!). Beje, iš pradžių jie nustatė talpyklos saugojimo laiką iki 1 valandos, tačiau „Google PageSpeed ​​​​Insights“ vis tiek skundėsi:

   

   Teko įsigilinti į šios internetinės paslaugos instrukcijas ir ten perskaityti, kad mažiausiai reikalinga 1 diena statikos saugojimo talpykloje. Paprašiau prieglobos techninės pagalbos suteikti 1 savaitės rezervo, ką jie padarė. Dabar reitingas šiek tiek padidėjo ir Google neturi didelių priekaištų mano ištekliui dėl įkėlimo greičio, o tai yra gerai.

4. Išbandykite mano svetainę- nauja paslauga, vėl iš Google. Iš esmės jis sutelkia dėmesį į jūsų svetainės mobiliesiems versijos įvertinimą, įskaitant jos įkėlimo greičio kriterijų:

   

   Paprasta ir skoninga, kaip sakoma. Dėl pasikeitimų galite užsiprenumeruoti naujienlaiškį.

5. GTmetrix- dar kartą „be papildomų rūpesčių“ įveskite norimo puslapio URL ir šiek tiek palaukite, kol bus baigta analizė. Dėl to gausite ataskaitą, sugeneruotą pagal duomenis iš dviejų naršyklės įskiepių – „Page Speed“ (apie darbą su juo skaitykite toliau) ir YSlow. Tiesą sakant, kokiais duomenimis pasitikėti ir kieno rekomendacijomis vadovautis, priklauso nuo jūsų.

   

   Apie tai jau rašiau gana išsamiai, todėl nesikartosiu, kad neapsunkinčiau ir taip sudėtingo straipsnio (jei perskaitysite iki galo, galite laikyti save herojumi).

6. Ping administratorius- panašus internetinis šaltinis serverio atsako laikui iš įvairių mūsų didžiulės planetos dalių matuoti.
   
   
7. Host Tracker– beveik tas pats, tik skirtingos šalys.
8. ByteCheck– leidžia išmatuoti svetainės TTFB (Time To First Byte) reikšmę, į kurią dažnai atkreipiamas dėmesys optimizuojant. Tai laikas, kai naršyklė gauna pirmąjį duomenų baitą iš serverio. Kuo didesnė TTFB reikšmė, tuo serveris lėčiau apdoroja išteklius, o tai yra blogai. Skaitykite patarimus, kaip optimizuoti svetainės įkėlimą.
9. Apkrovos poveikis– tai ne tik greitis, bet ir svarbi paslauga. Tai leidžia patikrinti jūsų svetainės apkrovą ir ar nesumažėja puslapio įkėlimo greitis. Labai naudingas dalykas.
10. Tinklalapio greitis- internetinė paslauga, kurios dizainas yra devintojo dešimtmečio pradžios, bet gana informatyvus, jei prisitaikysite prie naudojimo trūkumo. Žemiau pateikiamos bendros rekomendacijos, kaip ištaisyti situaciją.

Ar tikrai svarbu sekti puslapio įkėlimo greitį?

Tačiau grįžkime nuo greičio matavimo prie ieškojimo galimybių jį padidinti. , anksčiau buvo eksperimentinis „Svetainės našumo“ skirtukas, kuriame buvo pateiktas svetainės įkėlimo greičio įvertinimas.

Apskritai ten nurodytame įkėlimo greityje nėra nieko kriminalinio, tačiau tai, kad mano tinklaraščio svetainė įkeliama lėčiau nei 84 procentai visų interneto išteklių internete, jau yra varpas, į kurį reikėjo reaguoti. Bet kadangi „Google“ mano, kad mano tinklaraštis yra pašalinis greičio atžvilgiu, verta rimtai žiūrėti į šią problemą ir rimtai spręsti klausimą, kaip ją padidinti.

Tiesą sakant, nieko ypatingo sugalvoti nereikėjo, nes labiausiai siūlo pati Google optimalus sprendimas. Tiksliau, jis siūlo naudoti įrankį, kuris, savo ruožtu, padės suprasti, ką tiksliai reikia padaryti norint šiek tiek (arba labai) pagreitinti savo svetainę. Aš kalbu apie internetinę paslaugą Puslapio greitis(anksčiau taip pat buvo to paties pavadinimo plėtinių „FireFox“ naršyklė ir „Chrome“, kurią daugiausia naudojau).

Iš karto pasakysiu, kad šis įrankis veikia gana sudėtingais ir paprastiems žiniatinklio valdytojams ne visai suprantamais dalykais, kurie daugiausia susiję su subtilybėmis ir niuansais. Darbas internete serveris. Jei niekada neadministravote serverio, tai bus sunku.

Yra išeitis - sukelkite stresą savo šeimininkui Paige Speed ​​nurodytų veiksmų atlikimo tema. Ar jis sutinka, ar ne, yra kitas klausimas. Nedrįsau, nes nepatogu duoti prieigą prie serverio bet kam (toks aš nepasitikiu).

Įjungta pagrindinis puslapis„PageSpeed“ netgi siūlo įdiegti modulį serveryje, jei jame veikia „Apache“ arba „Nginx“ (mano atveju):

Bet aš vis dar nesuprantu, kaip tai daroma, nes visiškai nesuprantu serverio administravimo ir niekada nedirbau su Unix tipo sistemomis. Tai daug sunkiau nei įdiegti programą ar įkelti papildinį į „WordPress“. Kitas panardinimo lygis. Šeimininkas taip pat nedrįso jo dėl to jaudinti. Apskritai šio modulio neišbandžiau – gali būti, kad jau išbandėte ir turite ką pasakyti...

Apskritai pirmą kartą naudojau „Page Speed“ kaip naršyklės plėtinį (dabar, kaip suprantu, jis neveikia). Anksčiau jis buvo integruotas į kūrėjo įrankius „Firefox“ ir „Chrome“. Tiesa, iš pradžių (prieš keletą metų) tik trumpai pažiūrėjau, kokius patarimus jis man duoda, ir beveik nieko nesuprasdamas nusprendžiau, kad tai ne man, po to lengva širdimi ištryniau „PageSpeed“ įskiepis kaip nereikalingas ir svetimas elementas mano protui.

Faktas yra tas, kad net suprasdamas, ką šis papildinys prisiekia, aš tikrai nežinojo ką daryti, pašalinti visa tai ir kažkaip pagreitinti savo tinklaraštį. Apskritai, iš karto radau daug svarbesnių reikalų, su kuriais palyginus pelė nerimsta Žiniatinklio nustatymai serveriai (juolab kad aš jų nelabai suprantu) atrodė maži ir nereikšmingi.

Tiesa, kažkada taip pat atidėjau saugumo problemos sprendimą ir dėl to sumokėjau už tai visų tų pinigų praradimu. Turėdamas omenyje tai, kas nutiko, kitą dieną nusprendžiau pasinerti į savo kulnus ir pabandyti judėti į priekį su svetainės įkėlimo greičio didinimo problema, nepaisant to, koks nesuprantamas ir sunkus šis klausimas man buvo.

Trumpai tariant, iš naujo įdiegiau „Page Speed“ Maziloje (dabar man to daryti nebereikia), pažiūrėjau, kuo ji labiausiai skundžiasi, ir man vis tiek pavyko kai kuriuos dalykus patobulinti ir, tikiuosi, bent šiek tiek padidinkite greitį.

P.S. Dabar „Page Speed“ galima naudoti tik internete ir jo nebereikia įdiegti naršyklėje (bet kuriuo atveju šis papildinys nesuderinamas su naujomis „Chrome“ versijomis), nors tai nekeičia esmės.

Taigi, anksčiau jūs turėjote įdiegti papildinį savo naršyklėje, bet dabar jums tereikia eiti čia, įveskite puslapio, kurį norite analizuoti, URL (at skirtingų tipų puslapiuose gali kilti įvairių problemų dėl įkėlimo greičio, todėl tikslinga patikrinti visas šio įrankio parinktis) ir spustelėkite mėlyną mygtuką „Analizuoti“.

Sulaukę patikrinimo rezultatų pamatysite langą, panašų į tą, kurį jau parodžiau aukščiau esančiame ekrano kopijoje tekste (apibūdinimų 3 pastraipoje internetinė paslauga ov, kad patikrintumėte svetainių įkėlimo greitį). Tai. dėl to pamatysite visą sąrašą skundų, kuriuos ši internetinė paslauga turi dėl jūsų išteklių, būtent dėl ​​jos įkėlimo greičio. Tuo pačiu metu jis pateiks keletą instrukcijų, kaip optimizuoti žiniatinklio serverio veikimą kartu su jūsų naudojamu varikliu.

Be to, pačiame puslapio greičio lango viršuje bus komentarai ir rekomendacijos, kurias norėtumėte peržiūrėti ir pakeisti visų pirma(„Pataisyk tikrai“), nes tai duos didžiausią efektą didinant krovimo greitį ir nereikės iš jūsų per daug pastangų. Pateiksiu vieno iš mano nedidelių projektų, kurių aš nelabai suprantu, analizės pavyzdį:

Tie. rekomendacijos ir aptiktos problemos pažymėtos raudonu stačiakampiu su šauktukas ir esantys pačiame sąrašo viršuje, yra patys svarbiausi ir patartina pradėti optimizavimą nuo jų (kaip sakoma pigiai ir linksmai), taip pasiekiant didžiausią efektą.

Oranžine spalva pažymėtas problemas ištaisyti reikės daugiau pastangų, tačiau greitis gali labai nepadidėti. Deja ir ak, kol kas galite juos palikti ant nugaros ir tęsti prioritetines užduotis, kurios padės žymiai pagreitinti projektą.

Mano pradinė nuotrauka prieš kelerius metus (net naudojant papildinį – dabar tą patį galima pamatyti http://gtmetrix.com/, nes ji naudoja PageSpeed ​​​​API) https://svetainėje buvo tokia:

Tada nusprendžiau pradėti nuo paties pirmojo punkto „Pasinaudoti naršyklės talpykloje“ (dabar jis vadinamas „Naudoti naršyklės talpyklą“), nes pagal Page Speed ​​logiką šios rekomendacijos turėtų lemti didžiausią mano tinklaraščio pagreitį.

Jei paspausite spoilerį šalia šio užrašo, atsiras sąrašas įvairių failų, kurie neatitinka optimalių reikalavimų statinių objektų kaupimas talpykloje(skriptai, CSS failai, vaizdo failai, naudojami tinklalapius f) naudotojų naršyklėse (t. y. skaitytuvuose):

Tie. Norėdami padidinti įkėlimo greitį, „PageSpeed ​​​​Insights“ pataria optimaliai sukonfigūruoti įvairių tinklalapių elementų talpyklą vartotojų naršyklėse, kad peržiūrint kitus, šie statiniai elementai nebūtų perkeliami iš serverio. Teoriškai visa tai skamba gana painiai, nes neturiu supratimo apie naršyklių naudojamus talpyklos mechanizmus (paskaitykite apie tai ir kaip jį išvalyti).

Be to, optimizuosime statinių objektų talpyklą naudodami paties jūsų hostingo serverio mechanizmus. Gana painu, bet aš jau tau tai pasiūlysiu paruoštus sprendimus, rasti rusiškame internete, ir jūs išbandysite juos praktiškai ir nuspręsite, kuris iš jų geriausiai veiks jūsų priegloboje.

Optimizuokite naršyklės talpyklą ir patikrinkite jos veikimą

Tiesa, tai neveikė mano dabartiniame hostinge, nes dabar turiu Apache ir nginx derinį (man reikia sukonfigūruoti pastarąjį, ką hosteris padarė man nežinomu būdu). Bet jei turite gryną „Apache“, toliau siūlomas metodas gali veikti.

Apskritai, mes stengsimės paveikti serverį, kuriame yra jūsų projektas, taip, kad jis pateiktų komandas naršyklėms, skirtas optimizuoti statinių elementų talpyklą. Mes tai padarysime per gana gerai žinomą įrankis nuotolinio valdymo pulteliu serveris – failas .htaccess. Ar žinote apie tokio dalyko egzistavimą?

Paprastai jis gyvena šakniniame aplanke. Natūralu, kad viskas, kas aprašyta toliau, veiks tik serveriuose, kuriuose veikia „Apache“, tačiau paprastai jie yra dauguma. Prisijungę prie šaltinio per FTP (), atidarykite šakninį aplanką (dažniausiai PUBLIC_HTML arba HTDOCS) ir patikrinkite, ar jame nėra .htaccess failo.

Nuo šiol viską darote rizikuodami ir rizikuodami. Todėl būtinai atsisiųskite šio failo kopiją į savo kompiuterį, kad, jei kas nors atsitiktų, galėtumėte greitai grįžti atgal.

Jeigu .htaccess nematomas, tada pabandykite „FileZilla“ programoje viršutiniame meniu pasirinkite elementus „Serveris“ - „Priversti rodyti“ paslėptus failus“ Jei net ir po to jis nepasirodo šaknyje, sukurkite tuščią tekstinį failą savo kompiuteryje bet kuriame jums patogiame redaktoriuje (aš naudoju NotePad Plus Plus), pavadinkite jį kaip nors ir nukopijuokite į šaknį.

Po to pervardykite šį failą į .htaccess „FileZilla“. Dabar turėsite jį atidaryti, kad galėtumėte redaguoti, ir pridėti žemiau esantį kodą. Bet pirmiausia leiskite man šiek tiek paaiškinti.

Populiariausi būdai įjungti šią parinktį žiniatinklio serveryje, kuriame veikia „Apache“, yra modulių mod_headers arba mod_expires naudojimas. Toliau pateiktas kodas padės įjungti statinį talpyklą naršyklėje, jei internetinėje paslaugoje jūsų serveryje įdiegtas bent vienas iš šių „Apache“ modulių.

Pirmiausia aš tau duosiu modulio mod_headers kodas. Atminkite, kad jis naudoja patikrinimą, ar jūsų prieglobos serveris turi šį modulį. Jei jis nerastas, kodas nebus vykdomas ir nesukels jokių klaidų. Tačiau dar kartą primygtinai rekomenduoju pirmiausia nukopijuoti originalų (prieš įtraukiant žemiau esantį kodą) .htaccess failą į kompiuterį, kad išvengtumėte incidentų.

#cache html ir htm failus vienai dienai Antraštės rinkinys „Cache-Control“ „max-age=43200“#cache css, javascript ir tekstinius failus vienai savaitei Antraštės rinkinys „Cache-Control“ „max-age=604800“#cache Flash ir vaizdai mėnesiui Antraštės rinkinys „Cache-Control“ „max-age=2592000“#išjungti talpyklą Antraštės atšauktas Cache-Control

Galite ištrinti komentarus (jų eilutės prasideda maišos ženklu), tačiau jie niekaip neturės įtakos kodo veikimui.

Bus galima papildyti kodo blokas kiekvienam moduliui, skirtas mod_expires, kuris dar kartą patikrina, ar jis yra jūsų serveryje, o tai užtikrina, kad šią kodo dalį saugu naudoti:

ExpiresActive #numatytoji talpykla yra 5 sekundės ExpiresNumatytoji "prieiga plius 5 sekundės" #cache Flash ir vaizdai mėnesiui ExpiresByType vaizdas/x-icon "prieiga plius 2592000 sekundžių" ExpiresByType vaizdas/jpeg "prieiga plius 25920 sekundės"ype" prieiga plius 2592000 sekundžių" ExpiresByType vaizdas/gif "prieiga plius 2592000 sekundžių" ExpiresByType programa/x-shockwave-flash "prieiga plius 2592000 sekundžių" #cache css, javascript ir tekstiniai failai vienai savaitei "Expires" „ExpiresbyType Text/JavaScript“ „Prieiga plius 604800 sekundžių“ „ExpiresbyType Application“/„Javascript“ prieiga plius 604800 sekundžių “. " #talpykla xml failus dešimčiai minučių ExpiresByType application/xhtml+xml "prieiga plius 600 sekundžių"

Vėliau komentarus vėl galima ištrinti.

Jei nepavyksta, bet tikitės stebuklo, čia yra dar keli to paties kodo variantai, bet išbandykite juos po vieną, o ne visus iš karto:

1. ExpiresActive On ExpiresByType programa/javascript "prieiga plius 1 metai" ExpiresByType tekstas/javascript "prieiga plius 1 metai" ExpiresByType text/css "prieiga plius 1 metai" ExpiresByType vaizdas/gif "prieiga plius 1 metai" ExpiresByaccess plius 1 metai metai" ExpiresByType vaizdas/png "prieiga plius 1 metai"
2. Antraštės rinkinys Talpyklos valdymas: privatus Antraštės rinkinys Talpyklos valdymas: viešas
3. BrowserMatch "MSIE" priverstinis nekeičiamas Naršyklės atitikimas "Mozilla/4.(2)" priverstinis nekeičiamas
4. FileETag MTime dydis ExpiresActive ant ExpiresDefault "prieiga plius 1 mėnuo"

Dabar, įdėję kodą į .htaccess, leidžiantį padidinti greitį optimizuojant talpyklą lankytojo pusėje esančioje naršyklėje, ir išsaugoję atliktus pakeitimus, dar kartą patikrinkite savo išteklių puslapį „PageSpeed ​​​​Insights“ ir įsitikinkite, kad problema išnyksta:

Kaip matote, mano atveju „Naudokite naršyklės talpyklą“ nebėra kritinė klaida, lėtinanti įkėlimą, o šalia šio užrašo esanti piktograma pasikeitė į oranžinę, bet ne į žalią. Deja, negaliu paveikti trečiųjų šalių paslaugų, iš kurių mano svetainė įkelia statinį turinį (pvz., „Yandex“, „Google“, „Feedburner“ ir „Aptulaik“).

Q.E.D. Taigi, kaip tik taip, mes išsprendėme vieną iš svarbiausių ir reikšmingiausių problemų, aptiktų puslapio greičiu.

Kaip įjungti statinių objektų glaudinimą serveryje

Taip pat labai dažna problema, kuria skundžiasi GTmetrix paslauga, yra failų suspaudimo trūkumas serveryje prieš perkeliant juos į vartotojų naršykles.

Jis naudojamas šiuo atveju, apie kurį jau rašiau. Jei analizuojate ne tiesiogiai naudodami „PageSpeed ​​​​Insights“, o per GTmetrix, tada „PageSpeed“ srityje „Įgalinti glaudinimą“ vadinama „Įgalinti gzip glaudinimą“, o „YSlow“ - „Suspausti komponentus naudojant gzip“.

Norint įgalinti tą patį Gzip glaudinimą prieglobose, kuriose naudojamas Apache serveris, pakaks pridėti atitinkamą kodo dalį į .htaccess failą (tai yra nuotolinio serverio valdymo failas). „Apache“ turi du glaudinimo modulius ir vieną iš jų įdiegs jūsų priegloba (nors tai nėra faktas).

Dažniausias – pradėkime nuo jo. Prie kodo dar kartą pridedame šio modulio patikrinimą, kad negautume 500 klaidos visoje svetainėje.

AddOutputFilterByType DEFLATE tekstas/html tekstas/paprastas tekstas/xml programa/xml programa/xhtml+xml tekstas/css tekstas/javascript programa/javascript programa/x-javascript

Šiek tiek mažiau populiarus, reikiamų tipų failų Gzip glaudinimo įgalinimo kodas atrodys taip:

modifikacijos item_exclude rspheader ^ Turinio kodavimas:.*gzip.*

Tiesą sakant, pabandykite ir patikrinkite puslapį „PageSpeed ​​​​Insights“ įdiegę kodą. Jei problema išnyks, laikykite save laimingu. Dėl Apache buvimo su nginx visa tai man nepadėjo (prieglobos šeimininkas sakė, kad nginx yra atsakingas už statiką, šioje situacijoje reikia jį sukonfigūruoti - aš nežinau, kaip jis tai padarė).

Sėkmės tau! Greitai pasimatysime tinklaraščio svetainės puslapiuose

Jums gali būti įdomu

Svetainės greičio matavimas ir padidinimas naudojant GTmetrix, taip pat jQuery bibliotekos įkėlimo iš Google CDN nustatymas
Gzip glaudinimas, siekiant pagreitinti svetainės įkėlimą – kaip jį įjungti Js, HTML ir Css naudojant .htaccess failą
Kaip maksimaliai padidinti svetainės įkėlimo greitį ir optimizuoti serverio apkrovą
Svetainės pagreitis – ką tai daro, kaip jį išmatuoti ir kaip patiems paspartinti interneto svetainės veikimą
Kūrimas CSS sprites„Sprites Me“ internetiniame generatoriuje, kad sumažintumėte serveriui teikiamų užklausų skaičių
CSS optimizavimas ir suspaudimas naudojant puslapio greitį - kaip išjungti išorinius failus stilius ir sujungti juos į vieną, kad pagreitintumėte įkėlimą
Kaip gauti greitą svetainę - vaizdų ir scenarijų optimizavimas (glaudinimas), taip pat Http užklausų skaičiaus sumažinimas