Kao vlasnik stranice znate da bi to trebalo biti brzo. A već ste pročitali različite članke o ubrzavanju svoje web stranice, možda je čak i nešto već provedeno. Zatim postaje zanimljivo koliko je brzo web mjesto učitano. Ovdje idete na Google PageSpeed \u200b\u200bInsight kao najpopularniji alat, dobit ćete procjenu i popis preporuka Googlea. I ovdje većina nas je izgubljena:

• Je li indikator uvida sa stranicama za SEO?
• Zašto je procjena moje web stranice ne maksimalna?
• Šta znače sve ove preporuke?

Prethodno ste uključili preduzimanje predmemoriranja na web mjestu i očekivali da će ocena stranicaPeed biti gotovo savršena, a sada mislite zašto ovaj dodatak nije riješio sve probleme u brzinama? Možda nije baš dobro? Kratki odgovor je da:

Pokazatelj Google Pagespeed nije važan.

Da, tako je ... ali zašto to nije važno?

Brzina stranice vs Pagespeed uvid

Brzina (Vrijeme preuzimanja web mjesta) je važno i važna je metrika u SEO-u, a također utječe na korisničko iskustvo. Kada GoogleBot indeksira web mjesto, ne vidi indikator stranicaPeed, ali samo zna samo sama brzinu. Znate li da Google PageSpeed \u200b\u200buvid ne mjere brzinu vaše web stranice? Da, ponovo je pročitajte:

Google PageSpeed \u200b\u200bInsight ne mjere brzinu web mjesta.

Pozdrav, dragi web mjesto za blogove! Danas će post biti posvećen prekrasnom instrumentu AIDS-a Google stranice, što vam omogućuje testiranje bilo koje stranice za proučavanje mogućnosti ubrzavanja njenog učitavanja ().

Nije tajna da pretraživači, posebno Google, nedavno obraća ozbiljnu pažnju na ovaj aspekt, tako da brze web stranice dobivaju određenu prednost u rangiranju i većim pozicijama u rezultatima pretraživanja.

Google Page Brzina uvida ne samo da otkriju i ne ukazuju na sve razloge zbog kojih se stranica nije dovoljno učitana dovoljno brzo, već nudi i specifične načine eliminacije, a neke od otkrivenih problema mogu se lako ukloniti u automatskom režimu.

Koji su alati za optimizaciju koriste Google?

U principu, za svaki od vaših projekata plaćam dovoljno vremena da optimiziram stranice koje doprinose njihovom brzom preuzimanju. Zaista nije stigao do bloga samo prije stranice bloga, što je u suštini vizualni priručnik za početne webmastere, a ne lišene zdravih ambicija i terete za postizanje cilja.

Ali, jer sam po prirodi perfekcionista, nije mogao dopustiti da se informacijski web resurs nosi, pa bi govorio, znanje o masi, bilo bi u nekom aspektu među zaostatkom. Stoga je odlučeno napraviti maksimalne napore da ga optimizira, uključujući preporuke AIDS-a.

Stoga se odmah pretvara u opis ovog alata tako da svoju funkcionalnost možete procijeniti i primijeniti u praksi u korist vaših web resursa.

Prije toga bilo je moguće koristiti u obliku proširenja pretraživača i, linkove preuzimanja prisustvovale su na posebnoj stranici Googlea. Štaviše, kako bi ga primijenili u mazilu, prvo je bilo potrebno, gdje je PIIGE AIDS prisutan kao njegov dodatak:

Sada više nije moguće primijeniti proširenja preglednika sa Googlea, iako su isti dodaci, ali u nekoliko drugih tumačenja dostupni su na službenim hromiranim i masislerskim web stranicama. Pored toga, postoji prilično funkcionalan monitor internet servis Google je sa potpuno istim funkcionalnim i ne manje mogućnosti. Ako odete u odjeljak programera, vidjet ćete vezu na alat za brzinu stranice:

Usput, na istoj stranici "Pagespeed alati" Postoje svi Googleovi prijedlozi za ubrzanje web lokacija. Izgleda da su programeri "Dobre carstvo" ozbiljno preuzeli optimizaciju i ubrzanje čitavog internetskog prostora, jer ćete u programerima naći vezu do biblioteke za optimizaciju ( Integrirajte biblioteku optimizacije stranicaPeedPeed) Otvoreni izvor.

Dostupnost otvorenog koda softver Ovaj projekat koji radi na osnovu modula " mod_pagespeed.", Koji je instaliran na Apache serveru (KOI, usput, velika većina), znači da se može poboljšati ili ažurirati bilo koga.

To je, na ovaj način, to je sasvim realno na štetu internetske zajednice kako bi se stvorio blizu savršenog alata za ubrzanje. Kako sve izgleda u praksi, vrijeme će se pokazati. Prirodno, kako bi se postigao puni doprinos i postigli uspjeh u ovom Brevement-u, potrebno je biti prilično kvalificirani programer.

Ako pogledate gornji snimka zaslona (informacije su zaokružene zelenim okvirom), vidjet ćete vezu da biste instalirali najnoviju verziju gotovog modula tamo. Može biti zanimljivo za vlasnike koji ga mogu instalirati na svojim serverima, pružajući automatsko ubrzanje web lokacija koje se tamo nalazi.

Štaviše, postoje dvije modifikacije modula AIDS stranice: direktno za apache serveri A za paket Apache + Nginx, gdje drugi igra ulogu proxy servera:

Usput, udio Apachatic i NGNIX u modernim uvjetima je najtraženiji i koristi ga najnapredniji hoš (uključujući, na primjer, spritthost), jer osigurava efikasnu upotrebu resursa. Dakle, ako ste zainteresirani za ovu metodu automatskog ubrzanja web lokacija, možete pričvrstiti na ovu ruku ili naprezati svoj hostert.

Google "S Pagespeed preporučuje (staze za povećanje brzine mjesta za utovar stranice)

Gore, pogledali smo mogućnost, tako da govorimo globalno povećanje brzine preuzimanja web stranica, za koje zahtijeva specifično znanje (vjerovatno je da će ove informacije biti korisne nekome korisno, barem u budućnosti).

Ali za glavni dio čitalaca, odnosno jednostavne webmastere, relevantnija opcija je jasna i dostupna je ovdje i sada. " Samo takvi uvjeti u potpunosti su u skladu sa uslugom uvida s papirama, koja će se razgovarati. Da biste analizirali određenu stranicu stranice, unesite njegov URL () na ovoj stranici:

Nakon analize vidjet ćete pravila Googlea i kao u odnosu na mobilni uređajii PC, koji je posebno vrijedan. U ovom primjeru, za glavnu stranicu ovog blogova 76 vjerodajnica iz 100 za mobilne telefone prosječni je rezultat koji se može značajno poboljšati ako iskoristite preporuke.

Štaviše, da optimizira svaki resurs koji usporava opterećenje stranice, reference se daju relevantnim odjeljcima (u svrhu primitka, kliknite vezu "Kako popraviti?"), gdje ćete pronaći opise potrebnih radnji za uklanjanje nedostataka.

Ali ovdje morate napraviti važnu napomenu. Potreban analizirajte stranice različite vrste Da biste postigli smanjenje vremena preuzimanja cijele stranice u cjelini. Na primjer, za standardni blog Vordpress, nivo optimizacije u ovom aspektu za glavne, stupce, statičke stranice i zapise mogu biti potpuno različiti.

Iznad sam dao primjer početna stranicaNa kojima se prikazuju postovi, ali jedna od adeksa članka dala je mnogo niži rejting:

To se dogodilo jer su postovi obično mnogo više voluminije i uključuju mnogo različitih vrsta resursa i sadržaja (slike, video, skripte). Stoga je bolje započeti provjeru optimizacije od njih. Usput, sa ovog stanovišta, odbijate iz procjene da Brzina stranice omogućava mobilne telefoneBudući da postizanje pristojne brzine opterećenja na takvim uređajima zahtijeva mnogo više televizitacija.

Ali čak i različiti zapisi o evidencijama mogu se razlikovati u kvaliteti. To se događa, uključujući zato što neki od njih obavljaju dodatne skripte koje usporavaju preuzimanje. Na primjer, nivo optimizacije jednog od ovih Weblona uzrokovao mi se da ne samo iznenađujem, već pravi šok:

Jasno je da 62 boda od 100 mogućih nije rezultat kojem trebate težiti. I sve zbog toga i neke druge stranice zapisa, imam sintaksitighlighter Plugin skriptu, iniciranje prekrasan ukras Osvetljeni kodovi.

Na web mjestu može postojati nekoliko takvih proširenja. U svakom je slučaju potrebno riješiti sebe koliko je dodatak važan za vaš resurs sa stanovišta funkcionalnosti koju pruža. I ovisno o tome potrebno je ili izbrisati ili poduzeti mjere za optimizaciju koja će pomoći u ubrzanju opterećenja stranice.

Navedeno je posebno istinito u najpopularnijim CMS-u na svijetu, koji uživa u velikoj mjeri webmastera. Ovaj multifunkcionalni motor je dobar, ali mora se stalno otkazati u smislu smanjenja tereta na poslužitelju i smanjiti vrijeme učitavanja stranice. Stoga bi vlasnici web resursa koji rade na WP-u trebali uzeti ovu bilješku. I dostupnost takve usluge kao adizanata stranica ovdje jer je usput nemoguć.

Obavezno pročitajte sve ove članke barem u režimu gledanja, kliknite na gornje veze, možete pronaći puno korisnog za sebe. Ubuduće se planiram vratiti u problem ubrzavanja web resursa više nego jednom, a samim tim možeš izdati pretplatu da ne propustite izlaz svježe publikacije o ovoj temi.

Zaključno, pogledajte koristan video iz kojeg ćete naučiti zašto su savjeti za brzinu stranice preporučujuća priroda i za koji razlog ne bi trebali pratiti ih fanatično.

Modul Google PageSpeed \u200b\u200bza web mjesto: šta može i kako koristiti

Odlučili smo eksperimentirati i dodati akcelerator od Googlea na tri projekta. Što se dogodilo iz njega - saznajte.

Sites se moraju odmah pokrenuti. Oh, ne, lokacije ne bi ne bi trebali nikoga? Idite u Trolleybus i sjedite pored učenika koji sjedi sa iPhoneom. Pogledajte, bilo da je spreman pričekati dok se ne učita neka internetska trgovina. Recimo samo: tri sekunde - i tab se zatvara. Sljedeći rezultat je sljedeći rezultat rezultata rezultata pretraživanja.

Usput, profesionalac izdavanje pretrage. Brzina preuzimanja web lokacija utječe na rang u pretraživačima. Pruf i. "Thoring" stranice manje su verovatno posjetili roboti, a to znači manje često indeksirano. Iz ovoga se nalazi mjesto u izručenju i pogodnosti pronalaženja potrebnih informacija.

Stalno razmišljajte o tome da li će se vaša stranica biti učitana sporija na pametnom telefonu nego na PC-u. I ako je tako, onda ćemo ga najvjerovatnije spustiti u izručenje.

- Matt Katts, Google

Google je radio i objavio svoj alat za provjeru brzine - PageSpeed. Pronađite elemente zadirkivanja kočenja ovdje A u jedinom polju odredite adresu koju želite testirati. Na trenutak će biti spreman detaljan izveštaj o učinku. Rezultat će biti prikazan u papagaji. U idealnom slučaju, njihova servisna stanica, ali pokušajte postići! Čak i sam Google nije pod napajanjem: provjerite njegove usluge :)

Ispitivanja se vrše za radnu površinu i mobilnu verziju web mjesta. Bolje fokusirajte u skali u boji: Žuta zona će naznačiti da postoje elementi koji vrijedi optimizirati, zeleno će prijaviti da je sve u redu. Ako je mjesto u crvenoj zoni, zavijte brzinu i optimizirati. Inače ispred ponora: Dok je stranica učitana, korisnik će već preći na drugu stranicu :)

Mjesto možete optimizirati na dva načina.

Ručna optimizacija

1. Stisnite slike Photoshopa ili prođite kroz Optimizilla. , npr

Što su slike manja, što su više priručnici brže što je web mjesto učitano. Napravljamo kompresijom, slike sa više od partiktiksela skrivaju se pod mačkom. Dovoljno previe 640 × 480. Manje slike - stranica za spavanje.

Čak i dalje početna stranica Google programeri Grafika može se stisnuti za 71%.

2. Povezivanje fontova sa same stranice, a ne povucite ih sa Googleom

Minus - dok pretraživač nije učitavao font, korisnik će vidjeti dosadan arial ili tahomu.

3. Koristite predmemoriju preglednika na maksimum

Kad je web mjesto djelomično sačuvao klijent - preuzimanje će ići mnogo brže.

4. Smanjite JavaScript i CSS

Skripte se ne uređuju svaki dan nakon puštanja na slobodu - nema smisla da ih stisnete u muhu. Dovoljno da se optimizira nakon šifri. JS predlošci su bolji za rukovanje na poslužitelju, ugradite rezultate u HTML i koristite predloške na klijentu nakon preuzimanja.

5. Smanjite HTML

U praksi - uklanjanje nepotrebnih nedostataka, kartica, linija.

6. Izbrišite neiskorišteni kod.

Može se ugraditi u "hrom" reviziju. Kliknite F12 i Idite na karticu Revizija. Ispod je jedini gumb za pokretanje. Općenito je isto kao i stranice. Samo u stvarnom vremenu.

Automatska optimizacija

Bilo koja stranica sastoji se od dinamičnih i statičkih elemenata. Dinamički elementi - HTML kôd dobiven iz zahtjeva PHP i baze podataka. A ostalo je statički. Ovo su slike, JavaScript i CSS.

Automatski optimizirajte web mjesto može biti strmi Google - PagesPeed uvid. Ovaj modul je instaliran na NINX serveru i stiska se u stvarnom vremenu nakon postavki. dofig Info , između ostalog, grafički.

Pagespeed Insight mogu analizirati HTML i optimizirati resurse. Jasno, kraće. U izvornom kodu resursi će biti na drugom putu, a ne po onome što je postavljeno za stisak fotografije programeru. Treba razmotriti. Ali prikaz resursa se neće promijeniti. Težina će se smanjiti. Dakle, povećaće brzinu preuzimanja stranice i posjetitelji će postati zadovoljni :)

Međutim, Pagespeed Insight ima ograničenja. Može se staviti samo na Nginx, pokrenut na ili virtualni server. Ne, iznajmljuje se negdje u Njemačkoj, zajednički server neće odgovarati.

Drugo ograničenje povezano je s vječnim ratnim preglednicima. Pagespeed slike se pretvaraju u format.webp, što samo razumijeva "hrom" (u popularno voljeni) Internet Explorer. 6 Ova stvar neće proći). U nedavne verzije Prikaz takvih slika je naučio i "Opera". Jer se motor promenio.

Primjeri upotrebe stranicaPeed uvida

Instalirali smo modul stranice Pagespeed Insight na tri projekta - na vašoj novoj web stranici i na dva klijenta. Modul vidi, iz kojeg pretraživača dođe zahtjev, gleda, bilo da je obučen za prikaz WebP formata i daje optimiziraniju sliku ili običan JPEG.

U Sibirsu se postavljanje trajalo oko pola dnevno. Nešto je moralo empirijski: promenjeno, gledano šta se događa. Ponekad je zona bila zelena, a za letenje žutom bi mogle potpuno nepredvidivo.

Sada su obje verzije u zelenoj zoni. Dakle, neće biti problema pri brzini. Ako je brzina veze dobra, bez ivice nekih :)

Iznutrice tehnička podrška Odlučili smo eksperimentirati i ugraditi modul stranice Pagespeed Insight na njega.

Google PagesPeed je alat koji vam omogućuje provjeru brzine stranice. Omogućuje vam procjenu preuzimanja brzine za stacionarne računare i za mobilne uređaje i izdaje preporuke koje se mogu koristiti za optimizaciju.

Rezultat analize brzine učitavanja web mjesta izgleda ovako:

Provjerite brzinu web mjesta sa Google PageSpeed \u200b\u200buvida i preporuka usluga

Nakon analize brzine učitavanja web mjesta, mogu se dobiti sljedeće preporuke najčešće:

Optimizirajte slike

Najčešće susretana preporuka usluga povezana je sa optimalni izbor Slike za web mjesto. Grafički sadržaj je vrlo težak i može u velikoj mjeri usporiti preuzimanje resursa. Najčešće opće preporuke sastoji se u odabiru pravog formata (najčešće ima smisla koristiti PNG), veličinu i kvalitetu slike. Tako prevelika, pozadina koja se koristi kao pozadina može povremeno usporiti brzinu učitavanja web mjesta. Uvijek morate provjeriti slike i maksimizirati njihovu veličinu i kvalitetu (veličina i kvalitet slike ima smisla postaviti minimalno prihvatljivo za određeni resurs).

Omogućite kompresiju

Komfimiranje web servera važan je parametar koji pruža brzinu. Uključen je modulom mod_deflate u Apacheu ili na štetu NINX direktive.

Pregled preglednika

Određuje da li se prenosi naslov i podaci u korisničkom pretraživaču su predmemorirani. Keširanje može značajno smanjiti broj žalbi na poslužitelj, što na njemu smanjuje opterećenje i povećava brzinu povrata statičkih podataka (što je najviše na bilo kojoj web lokaciji) klijentu

Eliminirajte javascript i CSS koji blokiraju prikazuju u gore-preklopni sadržaj

JavaScript Zadani kôd se izvodi kao na stranici se učitava, sličan način obrađuje CSS. Oni. Ako je JS skripta povezana u tijelu dokumenta, njeno renderiranje prekida se svaki put dok se skripta ne ispuni. To možete izbjeći dodavanjem kada se JavaScript povezan i HTML tijelo stranice bit će prikazano bez obzira na izvršni kod.

Na primjer, JS u asinhronom modu može se povezati ovako: