Kako povećati učitavanje stranice. Riješite se nepotrebnih zahtjeva u kodu šablona

Direktor marketinga jednog od odjela Optify. Ima 20 godina startup iskustva razni proizvodi i usluge u e-trgovini, kompjuterske igrice i druge oblasti.

Algoritmi za rangiranjeGoogle uzima u obzir brzinu učitavanja stranice

9. aprila 2010 godine Google zvanično objavili da njihovi algoritmi uzimaju u obzir brzinu učitavanja stranica. Glasine su kružile mnogo prije toga - kada je kompanija postala izrazito pozorna na brzinu prilikom objavljivanja Chrome proizvoda ( brzi pretraživač) i SPDY ( brzi protokol prijenos web sadržaja) i promoviranje ultra-brzih širokopojasnih kanala. U ovom članku ćemo pokušati objasniti kako Google određuje brzinu i kako možete testirati brzinu učitavanja stranice i povećati je.

Vjerujemo u to brzina učitavanja stranice- odličan dodatak ostatku liste faktora koji određuju rangiranje stranica na Google-u, a za to postoje dva glavna razloga:

1. Brzina učitavanja stranice neophodno za udobnost korisnika. Istraživanja pokazuju da prosječan korisnik ima sat koji otkucava u glavi dok čeka da se stranica otvori. Sa povećanjem brzine korištenja interneta općenito, porasla su i očekivanja u pogledu brzine. možete pročitati google post na tu temu interno testiranje brzina i njen uticaj. dakle,

2. Brzina učitavanja stranice je faktor koji programer može mjeriti, pratiti i optimizirati. Mnogo u Google algoritam izvan naše kontrole, ali možemo poboljšati ovaj pokazatelj. Ispod je nekoliko alata koje možete koristiti za analizu brzine vašeg sajta, kao i 6 savjeta za poboljšanje brzine učitavanja stranice i povećanje ranga.

Kako Google definira brzinu?

Dvije glavne metode analize učitavanja stranice su:

1. Odgovor Google botu. GoogleBot je agent koji indeksira linkove širom weba, kategorizira stranice i sadržaj te ih šalje Googleu, koji obrađuje podatke vlastitim algoritmom. Google bot jednostavno prikuplja informacije, ne analizira ih i ne procjenjuje. Međutim, ima neka ograničenja u pogledu toga koliko će u potpunosti indeksirati datu stranicu, budući da je potrebno mnogo vremena da se indeksira kroz milijarde stranica. Ovo je jedan od razloga zašto se preporučuje imati "čist" kod, postaviti dobar sadržaj na vrh stranice i staviti kod koji se ponavlja (kao što je CSS) u zasebne datoteke.

2. Vrijeme učitavanja po Google podaci traka sa alatkama. Google je veoma agresivan u promociji i popularizaciji svojih besplatnih alata. Jedan od razloga za to je mogućnost da Google koristi svoju traku sa alatkama kao platformu za analizu pojedinačnih web lokacija i stranica.

Alati za mjerenje brzine učitavanja stranice

Ima ih mnogo besplatni alati i dodatke za mjerenje performansi stranice. Evo nekih od najboljih, po našem mišljenju:

1. Ako imate nalog kod Google Webmastera (a trebali biste ga imati), onda možete koristiti poseban alat u odjeljku Labs. On će ti dozvoliti da dobiješ opšta ideja o tome koliko brzo se vaše stranice učitavaju u odnosu na stranice drugih stranica u statistici.

2. Brzina stranice je dodatak za Firebug/Firefox pretraživače koji određuje koliko se stranica učitava i daje preporuke kako to popraviti.

3. YSlow je još jedan dodatak za Firebug/Firefox koji analizira brzinu i daje preporuke.

Šta ova promjena algoritma znači za vas

Poboljšanje brzine učitavanja stranice nije toliko kritično koliko je, recimo, ispravno title tags, URL struktura, jedinstveni sadržaj ili kvalitetne dolazne veze. Ali pod jednakim ostalim stvarima, stranica koja se brže učitava ima prednost. Bez sumnje brze stranice pogodnije za korisnike, što znači povećanje posjeta, smanjenje indikatora nepotrebnih pogleda i povećati broj pregleda po posjeti. U svakom slučaju, najbolje je dati sve od sebe da se vaše stranice brzo učitavaju.

6 načina da poboljšate brzinu učitavanja stranice i rangiranje

1. Optimizirajte svoje slike: Velike slike se mogu brže izrezati, komprimirati i preuzeti.
2. Umjesto pozadinskih slika, koristite samo boje: ovo će ubrzati učitavanje.
3. Koristite keš memoriju: keširanje je zgodno za korisnike, jer se slike i drugi statički fajlovi učitavaju samo pri prvoj posjeti, a to više nije potrebno pri sljedećim posjetama.
4. Učitavajte vanjski Javascript i pozive posljednje: Najgora stvar koju možete učiniti je da posjetitelje natjerate da čekaju da se sav sadržaj učita odjednom. Kad god je moguće, učinite da se vaš sadržaj prvo učita, a vanjski sadržaj nakon njega.
5. Koristite zasebne datoteke za ponavljajući kod: Zasebne datoteke se najčešće koriste sa tabelama css stilovi i omogućavaju vam da olakšate html kod stranice (manje redova koda), a takođe obezbeđujete centralnu datoteku koju je lako pronaći za unošenje izmena u važne delove koda (na primer, stilove).
6. Umjesto toga, koristite CSS stilove da organizirate svoje stranice HTML tabele: prije učitavanja same tablice, web pretraživači (IE, Firefox, itd.) čekaju dok se sav njen sadržaj ne učita. CSS čini ovaj proces bržim (i lakšim za ažuriranje).

1. Odaberite jedan od gore navedenih alata i instalirajte ga.
2. Testirajte brzinu učitavanja za glavnu i nekoliko drugih stranica različitih tipova.
3. Odredite koje komponente se mogu poboljšati. Razgovarajte o tome sa svojim tehničkim osobljem i webmasterom.
4. Za poređenje, pokrenite iste testove sa stranicama konkurenata.

Nadam se da će vam sve gore navedeno pomoći da ubrzate učitavanje stranica vaše stranice - i korisnici i tražilice će to cijeniti.

Pozdrav dragi čitaoci! Nedavno sam dobio komentar u kojem mi je postavljeno pitanje: koja je moja tajna brzog učitavanja stranice? Odlučio sam da ne odgovaram komentarom (previše da bih napisao), već da napišem koristan post na ovu temu za sve odjednom. Odnosno, danas ćemo govoriti o tako važnom faktoru kao što je.

Šta mislite, zašto vam je potrebna stranica koja se brzo učitava? Razmišljajmo logički. Pišemo za ljude, ljudi bi trebali čitati naše postove i steći znanje. Naša web stranica ili blog je platforma za objavljivanje znanja! Pristup njima treba da bude otvoren i brz. Šta ako vašoj web stranici treba 15-20 sekundi da se učita? Da li korisnik odlučuje da ostane na njemu? Odgovor je nedvosmislen - NE!

Umjesto toga, posjetitelj više neće biti vaš, već vaš konkurent! Čak i ako je niže Rezultati pretrage. Čak i ako pišete mega-odlične članke, ali želi najbolje, jedva čekaš uspjeh.

Kao što sam već rekao: Morate uštedjeti vrijeme. Teče u jednom smjeru i ne može se vratiti! Možete vratiti novac, bilo šta drugo, ali bez vremena! Zašto sam ja? I na to da treba da poštujete i svoje vreme i vreme drugih! Potrebno je samo napraviti nekoliko elementarnih koraka i vaša stranica/blog će se otvoriti mnogo brže, a time će se povećati više posjetitelja.

Brzina učitavanja web stranice — važan faktor prilikom postavljanja stranice. Potrebno je pokušati na bilo koji način smanjiti vrijeme čekanja posjetitelja. Slično, pretraživači "gledaju" na brzinu, a ako je niska (sajtu je potrebno dugo da se učita), onda je manje poštovanja. A ako bude manje poštovanja, onda ćete biti daleko od TOP-a.

Sada ćemo shvatiti kako povećati brzinu učitavanja web stranice, ali prije toga ćemo analizirati nekoliko servisa u kojima možete provjeriti ovu brzinu.

Provjera brzine učitavanja web stranice

1) Brzina stranice na mreži Google-ov online provjerivač brzine web stranice. Osim provjere brzine, servis daje i listu preporuka za ubrzanje i optimizaciju stranice. Veoma korisna stvar!

2) Pingdom Tools - online usluga test brzine, koji je dostojan dubokog naklona. Prvi put kada sam odlučio da testiram brzinu svog bloga, iskoristio sam ga. Također pruža savjete i preporuke.

3) je treća usluga koja, po mom mišljenju, zaslužuje pažnju. Ovdje se generiranjem zahtjeva određuje prosječna brzina.

4) WebWait - naizgled jednostavno, ali vrlo povoljna usluga. Unesite adresu svoje stranice u posebno polje, pričekajte neko vrijeme i rezultat je spreman. Čini mi se da ova usluga određuje najtačnije vrijeme.

Ovo su usluge koje vam nudim test brzine učitavanja web stranice. Jeste li provjerili svoju stranicu? Sada je vrijeme da pređemo na glavno - ubrzanje lokacije .

Kako ubrzati brzinu učitavanja web stranice?

Vrijeme je, hajde da pričamo o ubrzanju učitavanja stranice. Šta mislite, od čega u većini slučajeva mala brzina učitavanje stranice? Naravno, zbog svih vrsta ukrasa, losiona, slika koje iskaču gdje god je to moguće, reklama itd.

Da, naravno i zbog ovoga, ali ne samo. Brzina je takođe pogođena razni kodovi, skripte, cache i slično. Stoga je potrebno sve ovo optimizirati što bolje, sve mora biti profesionalno. Kako je? - pitate. Jednostavno je, sad ću te naučiti!

1. Optimizacija slike

Prva stvar koju bih želio da istaknem je potreba za pravilnom optimizacijom slika. Ako stranica ima puno razne slike, ne morate ih sve ukloniti da biste ubrzali učitavanje, samo ih trebate ispravno optimizirati.

Odnosno, morate promijeniti veličinu i težinu slike. Ako vam treba slika na sajtu od 300×225, a imate je 600×450, promenite je kroz bilo koji grafički uređivač, na primjer Adobe Photoshop ().

Također, pored veličine slike, morate odabrati najviše manja veličina. Što je veća veličina slike, to je sporija brzina preuzimanja. Posebno oni sa sporim internetom. Stoga, pokušajte težinu učiniti što manjom, samo nemojte pretjerivati, inače će kvaliteta biti užasna!

Također morate navesti dimenzije u kodu slike, čak i ako je postavljen onako kako jeste (in standardne veličine), neophodno je.

2. Optimizacija skripti i kodova

Kao što sam rekao, razne skripte i kodovi utiču na brzinu. Ali ne svi, već samo oni koji su napisani s greškama ili čak netačno.

Nisam guru u oblasti web programiranja, pa nažalost ne mogu savjetovati šta treba uraditi od A do Ž. Ali mogu dati neke savjete koje sam i sam koristio i koristim.

Također možete premjestiti skripte na kraj stranice, umjesto da ih imate na početku. Zašto? Pa prosudite sami: stranica se otvara, a prvo što počinje da se učitava su razne skripte koje na početku uopšte nisu potrebne, ali treba vremena! Pustite da se stranica prvo učita, a zatim će se skripte početi učitavati. To će biti mnogo brže.

Možete skratiti CSS putem linka i skratiti JavaScript ovdje. Samo slijedite linkove, napišite putanju do vaših datoteka, zatim kliknite na određeno dugme, snimite rezultujuću datoteku na računar i postavite je na sajt, na primer, preko ftp-a.

Ima ih još kratki kodovi, koji zamjenjuju dugačke skripte i, naravno, ubrzavaju učitavanje. Ali neću sada o njima, ovo je tema posebnog članka. Usput, uskoro ću objaviti seriju članaka o zamjeni ovih skripti, kako to ne biste propustili, savjetujem vam da se pretplatite!

3. Omogućite Gzip kompresiju stranice

O ovoj metodi sam naučio relativno nedavno. Ali nakon što sam ga probao, bio sam samo sretan. Zaista, nakon omogućavanja kompresije, stranica se značajno ubrzava. Jedina negativna stvar je da postoji određeno opterećenje na hostingu.

Da biste omogućili Gzip kompresiju, morate napisati sljedeće u .htaccess datoteku:

AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/javascript text/css application/x-javascript BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4.0 no-gzip BrowserMatch bMSIE !no-gzip!gzip-only-text/html mod_gzip_on Da mod_gzip_item_include file \.js$ mod_gzip_item_include file \.css$

Još jednom, nakon omogućavanja gzip kompresije, brzina se značajno povećava! Stoga ovu stavku ne treba preskočiti.

4. Keširanje pretraživača

Mnogi od vas znaju šta je keš pretraživača. A ko ne zna, objasnit ću - ovo je nešto kao privremena memorija u kojoj su pohranjene sve radnje koje ste izvršili u pregledniku.

Dakle, keš se može koristiti za ubrzavanje stranice. Odnosno, za nekoga ko je već na neki način posjetio vašu stranicu, brzina će biti veća. Sve će leteti. A za one koji su prvi došli, ova metoda neće raditi. A kad se vrati, sve će proraditi.

Da bi ovo počelo da radi, potrebno je da unesete sledeće u .htaccess:

ExpiresActive On ExpiresByType application/javascript "access plus 1 godina" ExpiresByType text/javascript "access plus 1 year" ExpiresByType text/css "access plus 1 year" ExpiresByType image/gif "access plus 1 year" ExpiresByType "access plus 1 godina" ExpiresByType "access plus 1 godina" year" ExpiresByType image/png "pristup plus 1 godina" Set zaglavlja Kontrola keša: privatni set zaglavlja Kontrola keša: javni BrowserMatch "MSIE" force-no-vary BrowserMatch "Mozilla/4.(2)" force-no-vary

Nije sve tako teško kao što se čini. Nije li? Ovim sam htio reći da sada znamo kako provjerite i ubrzajte brzinu učitavanja stranice Rusija, Tomska oblast, Tomsk, +7 952 160 36 17

Zdravo momci!

Danas će biti jedan od glavne teme in interna optimizacija site. Materijal je velik, ali praktičan i koristan. Teške trenutke sam pojačao video tutorijalima.

Govorit ćemo o tome kako ubrzati učitavanje vaše stranice koristeći 7 radnih metoda. Možda su svima poznati. Ali primijetio sam da ih ne koriste svi. A u kompleksu, još više, malo ljudi.

Općenito, u sadržaju tačaka napisat ću sve metode, a zatim pročitati i primijeniti sve u praksi.

Prije nego što ubrzam web stranicu, želim reći nekoliko riječi o važnosti ove akcije i kako provjeriti brzinu preuzimanja.

Odavno je poznato da je brzina učitavanja resursa jedan od faktora rangiranja u rezultatima pretraživanja. Ako uzmete apsolutno 2 identične stranice, ali će se jedna brže učitati, tada će imati više pozicije u rezultatima pretrage. Ali to ne znači da će prvi biti na 30. poziciji, a drugi na 1.. Ne, samo će stranica sa bržim učitavanjem biti malo bolje rangirana.

Stoga, ako postoje neki laki načini da barem u nečemu preteknemo naše konkurente, onda to trebamo učiniti. Štaviše, postoji mnogo takvih načina. Koristeći ih sve, ići ćemo u pravom smjeru u preticanju naših konkurenata.

Što se tiče provjere brzine učitavanja stranice, uvijek sam koristio uslugu webwait. Odlaskom na njega, potrebno je samo da unesete adresu bilo koje stranice na vašem sajtu i počnete da proveravate.

Podrazumevano, usluga će provjeriti brzinu učitavanja stranice 5 puta kako bi pronašla prosječnu vrijednost. Interval između zahtjeva će biti 5 sekundi. Ako želite da promijenite obje vrijednosti, tada sam na gornjoj slici označio odgovarajuće postavke plavim okvirom. Prvi je broj provjera, drugi je interval između zahtjeva.

Samo da sam provjerio brzinu preuzimanja jednog od mojih članaka. Na osnovu rezultata 5 provjera, dobio sam prosječan rezultat od 0,82 sekunde.

Naravno, može biti teško postići malu vrijednost i to ovisi o mnogo faktora:

• Količina sadržaja na stranici;
• Broj učitanih skripti;
• Veličina grafike na stranici i na web stranici u cjelini;
• Broj dodataka.

Stoga morate pokušati smanjiti utjecaj svih ovih faktora. To je ono o čemu ćemo razgovarati. Pređimo na prvi i možda najlakši način.

Optimizacija grafike

Nije tajna da je grafika najvažniji element svake web stranice. Ovo uključuje i grafiku na svakoj stranici i cjelokupnu grafiku. Što se tiče grafike na svakoj stranici, to su grafike sadržaja - slike, screenshotovi, fotografije. Zajednička grafika je grafika koja ulazi u dizajn stranice. Sve ovo možemo optimizirati.

Ni u kom slučaju ne biste trebali postavljati grafiku u punoj veličini u svoje članke. Ova greška je veoma izražena na sajtovima za hranu i fotografije kada se sve fotografije učitavaju u članke u punoj veličini.

Jedna fotografija snimljena SLR fotoaparatom srednjeg kvaliteta će težiti nekoliko megabajta. Ako postavite takvu fotografiju na stranicu, tada će posjetitelj sve preuzeti kada uđe na stranicu. Zamislite koliko bi vremena trebalo da se učita stranica da je objavljeno 10 slika velikog obima.

Odvojite vrijeme za ovaj trenutak kada objavljujete sadržaj. Jednom sam napisao članak o kvaliteti bez gubitaka. Materijal će vam biti od velike koristi.

Što se tiče dizajna, pokušajte da koristite manje slika u njemu. Možete napraviti potpuno zdrav i organski dizajn koristeći CSS stilove. Biće čak i na bolje. Ako pogledate vrlo popularne resurse, primijetit ćete da je njihov dizajn u suštini Bijela pozadina sa linije razdvajanja. Ovo jako igra na ruku i ubija 2 muhe jednim udarcem:

1. Smanjuje vrijeme učitavanja;
2. Povećava udobnost upotrebe sadržaja.

Ako ne možete bez šarenih slika, onda će vam pomoći članak o smanjenju veličine slika (link iznad).

keširanje

Keširanje - možda suštinski element brzo učitavanje stranica web stranice. Posebno datu funkciju korisno kada ima puno prometa, kada ima mnogo upita bazi podataka.

Da biste napravili keširanje na stranici (za WordPress) potrebno je da instalirate dodatak Hyper Cache. Potpuna uputstvačitaj dalje. Tamo je sve sažvakano.

Također je moguće dodati neke kodove u .htaccess fajl koji će također omogućiti keširanje kao i gzip kompresiju. Da budem iskren, nisam primijetio njihovu akciju na mojoj stranici. Možda zato što je moj blog već u potpunosti optimiziran. Da, ni ja ne vidim puno smisla u njima. I postoji jedan problem, jer nećemo moći da obrišemo keš memoriju. Tada nećete vidjeti nikakve promjene na stranici. Stoga, neću davati ove kodove da se kasnije ne razbijate pameti ako se pojave problemi.

Ja ih ne koristim. Keširanje pomoću dodatka Hyper Cache je više nego dovoljno.

Optimizacija učitavanja skripti

Ako je vaša stranica prilično funkcionalna (razni društveni gumbi, klizači, brojači prometa itd.), onda ima puno skripti.

Skripte su uvijek suvišne i veliko opterećenje na stranici. Uvijek ih se riješite ako je moguće. Ako to nije moguće, onda ih možete učiniti posljednjim učitavanjem, a također ih ukloniti iz samog koda šablona teme.

Da biste učitali skripte na samom kraju učitavanja stranice, moraju se postaviti na samo dno koda stranice, odnosno u podnožje. Na WordPress-u se to radi tako što se postavi u footer.php datoteku prije završne oznake..

Također možete postaviti skripte zaseban fajl, ne u datoteci footer.php. A zatim učitajte ovu datoteku na kraj datoteke podnožja. Ovo je najbolji način za postavljanje skripti na web stranicu.

Pokazat ću vam kako to učiniti u praksi. Počeću sa video tutorijalom.

Po pravilu, većina skripti se nalazi u fajlu header.php između oznaka i postavljaju se između oznaka. Kao primjer, prikazujem jednu skriptu iz mog zaglavlja.

Crvenim okvirom sam istaknuo dio koji nam je potreban. Kao što vidite, on je zatvoren u tagovima za otvaranje i zatvaranje skripte, koji je istaknut plavim okvirima. Označio sam završnu oznaku crnim okvirom da pokažem gdje se nalazi sama skripta.

Da bismo ovu skriptu smjestili u zasebnu datoteku, trebamo uzeti njen sadržaj (crveni okvir) i smjestiti je u novu datoteku koju kreiram sa Notepad editor. Sadržaj nove datoteke će izgledati ovako.

Sada sačuvaj dati fajl u .js formatu i nazovite ga zgodnim imenom. Nazvat ću ga "footer-scripts.js" da bude jasno da je ovo datoteka skripte koja se prikazuje u podnožju stranice.

Sada možete prenijeti ovu datoteku na stranicu kako bi skripte funkcionirale. Da biste to učinili, morate postaviti red koda koji sadrži putanju do ove datoteke. Morate postaviti kod u datoteku footer.php prije završne oznake/

Evo moje linije koda.

U njemu ćete morati zamijeniti putanju do datoteke i njeno ime, ako je drugačije nazvana. Radi lakšeg razumijevanja, dajem red sa savjetima.

Putanja do datoteke u ovoj liniji je pogodna za WordPress stranice. Ako imate stranicu na drugom motoru ili samo HTML stranicu, tada ćete morati sami promijeniti putanju.

Kada promijenimo liniju, stavljamo je u datoteku podnožja prije završne oznake tijela. Izgledat će kao na slici ispod.

I tebi bi trebalo biti otprilike isto. Kao što vidite, osim ove linije, prikazuju se i druge skripte. Stoga se učitavaju posljednji kada se stranica učita. Sam kod stranice postaje čišći i ugodniji za tražilice. Takođe igra ulogu u promociji.

Na ovaj način, trebali biste se riješiti maksimalnog broja skripti u vašim datotekama šablona i pokušati ih ili potpuno izbrisati ili ih učitati kroz datoteku, kao što sam pokazao gore. Ovo je jedan od najboljih načina da ubrzate web stranicu ako ima puno skripti.

Ako trebate postaviti više od jedne skripte u jednu datoteku, ali nekoliko, onda jednostavno uvucite prema dolje i postavite novi kod. Ali bolje je onda potpisati svaku skriptu, kako se kasnije ne bi zbunili. Na primjer, možete preuzeti moj fajl da se krećete po njemu.

I još jedna napomena. Ne rade sve skripte u podnožju stranice. Neki rade samo kada su postavljeni u zaglavlje, odnosno u datoteku Header.php između oznaka. Na primjer, društveno dugme"Sviđa mi se" iz Vkontaktea ne radi u podrumu ako uzmete njegov kod iz socijalna mreža. U ovom slučaju, morat ćete smjestiti skriptu u zaglavlje.

Riješite se nepotrebnih zahtjeva u kodu šablona

Ovo je najviše težak način u ubrzavanju stranice koja je bazirana na nekoj vrsti motora, na primjer, na WordPress-u. Njegova suština je zamjena linija php kod u datoteci predloška na već generirani kod kako biste se riješili nepotrebnog generiranja upita baze podataka.

Potreban nam je fajl header.php i sve što se nalazi u njemu između oznaka . Između ovih tagova pohranjeni su php kodovi koji generiraju zahtjeve i prikazuju osnovne informacije. Cijelu stvar će biti lakše razumjeti uz pomoć video tutorijala, koji sam pripremio u nastavku.

Sada tekstualna verzija.

Sve ću pokazati koristeći primjer stringa koji generiše zahtjev za izlaz kodiranja stranice. Red u datoteci izgleda ovako.

Kao što vidite, ovo je php kod. Ako pogledate izvorni kod (ctrl + u) bilo koje stranice sajta, vidjet ćemo da ovog php koda više nema, ali će postojati HTML kod sa navedenim kodiranjem.

Da biste se riješili ovog zahtjeva za generiranje kodiranja, trebate uzeti gotovu liniju iz izvornog koda i s njom promijeniti php kod u datoteci šablona. Na kraju će biti.

Riješio se jednog zahtjeva. Na isti način morate zamijeniti druge moguće linije. Naravno, ne može se sve uraditi, jer se ne prikazuje sve u izvornom kodu. Ali moramo težiti tome maksimalan broj zamjena

Takođe želim da vam skrenem pažnju na činjenicu da postoji kod za generisanje naziva sajta. Obično se nalazi u oznakama . Ako planirate promijeniti ime resursa, onda ili nemojte zamijeniti ovaj kod ili ne zaboravite promijeniti naziv kasnije u kodu datoteke, jer će se nakon zamjene ime prikazati iz završenog reda s imenom. Naziv sajta neće biti generisan jer neće biti php koda. Obratite pažnju na ovaj trenutak.

Takođe, ne zaboravite da sve takve prevare sa fajlovima radite tek nakon . I uradite ih na svom računaru pomoću programa za uređivanje kako biste mogli poništiti svoje izmjene. Za slične svrhe koristim Notepad.

Onemogućavanje revizija

Opet vas mučim video lekcijom.

revizije su auto save kopije zapisa koje se prave kada se zapisi kreiraju u određenim vremenskim intervalima.

Zapravo, stvar je korisna, ali ponekad stvara mnogo smeća i učitava bazu podataka. Ne bih toplo preporučio da onemogućite ovu funkcionalnost, jer ponekad štedi. Svjetlo može iznenada nestati, i šta onda? A ako postoje kopije zapisa, onda možete sigurno vratiti napredak. Ovo se dešavalo mnogo puta, znam iz sopstvenog iskustva.

I dalje sam ih isključio, ali ako ste početnik, ne preporučujem to da radite. Bolje vrijeme očisti bazu podataka od revizija s vremena na vrijeme, kako oni veliki broj stvara značajno opterećenje.

U korijenu motora nalazi se WP-includes folder, koji sadrži default-constants.php datoteku. Morate ga otvoriti, u njemu pronaći sljedeći sadržaj.

if (!defined("AUTOSAVE_INTERVAL")) define("AUTOSAVE_INTERVAL", 60); /** * @od 2.9.0 */if (!defined("EMPTY_TRASH_DAYS")) define("EMPTY_TRASH_DAYS", 30); if (!defined("WP_POST_REVISIONS")) define("WP_POST_REVISIONS", true);

U vrijeme pisanja ovog teksta, sve ovo je iz reda 277. Sav ovaj kod odgovoran je za sigurnost naših zapisa. Sastoji se od 3 dijela, od kojih svaki počinje sa if.

Prvi dio je odgovoran za interval za automatsko kreiranje revizije. Podrazumevano, vrijednost je 60 sekundi, što znači da će se svake minute kreirati jedna kopija zapisa. Zamislite da pišete članak duže od jednog sata. Može datu vrijednost povećati, na primjer do 10-20 minuta. Ova postavka radi samo kada su revizije omogućene.

if (!defined("AUTOSAVE_INTERVAL")) define("AUTOSAVE_INTERVAL", 600);

Vrijednost se postavlja u sekundama.

Drugi dio je odgovoran za vrijeme skladištenja obrisane zapise u korpi. Kada izbrišemo unose, oni idu u smeće. Podrazumevano se tamo čuvaju 30 dana, nakon čega se brišu. Ako postavite vrijednost na 0, zapisi neće ići u smeće, već se odmah brišu bez mogućnosti oporavka.

if (!defined("EMPTY_TRASH_DAYS")) define("EMPTY_TRASH_DAYS", 0);

Treći dio je odgovoran za rad revizija. Oni su podrazumevano omogućeni. Ako želite da onemogućite, tada se vrijednost true mora promijeniti u false ili postaviti na 0.

Pozdrav, dragi čitaoci blog stranice. Vjerovatno ste se već umorili od teme povećanja brzine učitavanja stranice (), kojoj sam posvetio lavovski dio članaka objavljenih u januaru. Ali šta da radim, hoću da navedem sve što se shvatilo i uradilo da se ovaj blog ubrza, sve dok podmuklo sjećanje nije izbrisalo nijanse i bitne tačke.

Danas želim da pokušam da sistematizujem sve o čemu sam već pisao u vezi sa optimizacijom brzine, kao i da dodam značajne tačke koje vam omogućavaju da malo smanjite opterećenje na hosting serveru korišćenjem statičke, a ne dinamičke Gzip kompresije.

Kako brzo povećati brzinu učitavanja web stranice

Prvi put kada sam pokrenuo Page Speed ​​za početnu stranicu svog bloga, vidio sam ovu tužnu sliku:

Samo 72 poena od 100 mogućih i puno komentara označeno crvenom bojom. Istina, pošto sam ispunio gotovo sve preporuke koje mi je dao ovaj dodatak, glavna stranica dobio od njega višu ocjenu od 94 boda.

Ali pored Page Speed, možete vrlo jasno procijeniti brzinu učitavanja stranice i vidjeti sve preuzete objekte u - Pingdomu i slično.

U početku je učitano skoro 90 objekata (ccs, js, slike) i svaki od njih je trebao poseban http zahtjev. Ali, analizirajući sve preuzete objekte koristeći gore navedene online servise, kao i slijedeći savjet Page Speed, uspio sam smanjiti njihov broj na tri desetine, što nije moglo a da ne utiče na ukupnu brzinu:

Pa, sada se prisjetimo svih metoda po redu. A optimizaciju biste trebali započeti, vjerovatno, redoslijedom prikazivanja problematičnih područja u prozoru Page Speed, jer će to biti najefikasniji i najlakši koraci za implementaciju - ono što se zove "jeftino i veselo".

Zato sam prvo uradio (ccs, js, slike) u pretraživačima posetilaca (tj. vas, dragi moji čitaoci).

Da, da, uz pomoć web postavke servera, možete kontrolirati ponašanje posjetitelja u pretraživaču. U ovom slučaju, prvi govori drugom vrijeme tokom kojeg bi statički objekti trebali biti pohranjeni u keš memoriji kako ih ne bi ponovo zatražili od servera.

Ovo je, na prvi pogled, beznačajna postavka, međutim, može učiniti čuda u povećanju brzine učitavanja stranica vašeg resursa za one posjetioce koji su ga već jednom posjetili, jer. njihov keš pretraživač već sadrži datoteke stilova i skripti, kao i slike iz vašeg predloška, ​​koji će biti isti za sve stranice.

Nažalost, metode kontrole koje sam ja opisao preko .htaccess ne rade uvijek, zbog različitih razloga(nedostatak potrebnog modula i sl.), pa možete pokušati kontaktirati svog hostera po ovom pitanju, jer će i njega ovo zanimati, jer. optimalne postavke keširanja u pretraživačima korisnika dovest će do smanjenja opterećenja vašeg resursa na njegovom hostingu.

Kombinovanje eksternih datoteka u stilu CSS ili JS skripti može biti sledeći efikasan korak za povećanje brzine učitavanja. Čitajte o tome, i sa čime sam shvatio.

Ali nisam uspio spojiti vanjske skripte, vjerovatno čak i zbog nesporazuma Osnove JavaScripta. Istina, imao sam samo dva eksterna fajla sa skriptama, tako da gubitak u brzini učitavanja sajta neće biti veliki.

Ali osim kombiniranja vanjskih CSS stilova i skripti (ovo je učinjeno radi smanjenja ukupan broj preuzete objekte, što će smanjiti broj http zahtjeva prema serveru), te iste stilske datoteke i skripte mogu se vrlo efikasno komprimirati korištenjem Gzip-a (u stvari, ovo je isti Zip koji aktivno koristite na svom računaru).

Možete komprimirati CSS i Js datoteke pomoću Gzip-a nekoliko puta, ali možete dodatno smanjiti veličinu ovih datoteka tako što ćete prvo optimizirati njihov kod.

Dakle, moraćete da preuzmete na svoj računar sve eksterne Css i Js datoteke uključene u učitavanje stranica (nakon što ih kombinujete neće biti teško) i kreirati ih od svake od njih arhivska kopija sa ekstenzijom .gz. Možete to učiniti sa besplatni program 7zip. Dalje, pokažimo na primjeru, jer je ovdje beskorisno teoretizirati.

Uzmimo glavni stilski list style.css mog bloga kao primjer. Nakon što ga spakujem u Gzip koristeći program 7zip, imaću style.css.gz arhivu.

Ali pošto neki pretraživači ne žele da uključe stilski fajl sa ekstenzijom .gz, tada uklanjamo završetak .gz iz njega i ponovo dobijamo style.css, ali koji je zapravo arhiva (još niste zbunjeni?).

Ali jednostavna zamjena originalne datoteke style.css na serveru (koja još nije komprimirana u Gzip-u) arhivom koju smo upravo kreirali, ali koja se još uvijek zove style.css, nije dovoljna.

Uostalom, neki pretraživači još uvijek ne podržavaju kompresiju (obično su to stare verzije koje još uvijek koriste korisnici), pa će pored style.css, koji će zapravo biti arhiva (podsjetimo, uklonili smo ekstenziju .gz iz nje), trebamo staviti original ne komprimovani fajl stilova.

Ali moraćemo da ga imenujemo drugačije od style.css. Da biste to učinili, možete ga preimenovati, na primjer, na ovaj način: style.nogzip.css. Sada na serveru u folderu sa WordPress temom, imaću dva stilska fajla:

1. style.css - arhiva sa odsječenom ekstenzijom .gz
2. style.nogzip.css - obična nekomprimirana datoteka stila koja će se morati dati pretraživačima koji ne podržavaju kompresiju

Ovu operaciju ćete morati obaviti za sve vanjske stilove i skripte (Css i Js) koji se učitavaju zajedno sa stranicama vašeg resursa. Imao sam ih samo četiri: glavni stil, u koji sam dodao i svojstva nekih WordPress dodataka, kao i datoteku skripte iz foldera teme i dvije eksterne skripte iz .

Sada, da bi statička kompresija za vanjske stilove i skripte funkcionirala, morate urediti .htaccess iz korijenske mape vašeg resursa i zamijeniti kod odgovoran za Gzip sljedećim modificiranim kodom:

RewriteEngine na RewriteCond %(HTTP:Prihvati-kodiranje) !gzip RewriteCond %(HTTP_USER_AGENT) Konqueror RewriteRule ^(.*)\.(css|js)$ $1.nogzip.$2 Dodatak zaglavlja Vary User-Agent Set zaglavlja Content-Encoding: gzip Set zaglavlja Kontrola predmemorije: privatno Zaglavlje je poništilo Content-Encoding

Ako preimenujete originalni fajlovi stilovi i skripte su koristili svoja imena koja se razlikuju od style.nogzip.css, tada ćete u odgovarajućoj liniji koda morati zamijeniti masku $1.nogzip.$2 svojom. Generalno, to je sve.

Sada server neće svaki put kompresovati Css i Js u hodu, već će pretraživačima odmah poslati kopiju koju ste unaprijed komprimirali, a u slučaju pretraživača koji ne razumije Gzip, originalnu verziju fajla slična style.nogzip.css.

Doći će do blagog povećanja brzine učitavanja stranice i smanjenja opterećenja vašeg resursa na hostingu. Samo što sam se sramio nakon par dana. Vidljivost i izgled WordPress admin se drastično promijenio - stajling je otpao.

Ali problem je brzo riješen izvođenjem gore opisanih manipulacija sa stilovima koji se koriste u admin panelu. U mom slučaju to je bio colors-classic.css iz foldera:

/wp-admin/css

Zatim sam htio primijeniti statičku Gzip kompresiju za HTML datoteke, koje server također kompresuje u hodu, stvarajući dodatno opterećenje. Ovdje sam pronašao prilično jednostavno rješenje, u odnosu na WordPress. Činjenica je da ga koristim jako dugo.

U njegovim postavkama postoji oblast "Kompresija", koja je, kako sam u početku mislila, odgovorna za kompaktno postavljanje keširanih stranica na hard disk hostinga. Činilo mi se da će arhiviranje keširanih stranica pojesti nepotrebno vrijeme procesoru i sigurno ga isključiti.

Ali evo malo traženja informacija na temu Gzipa html kompresiju stranicama, promijenio sam mišljenje o ovim postavkama kompresije u dodatku Hyper Cache.

Čini se da označavanjem ovog polja "Omogući kompresiju" aktiviramo preliminarnu kompresiju keširanih stranica bloga koristeći Gzip algoritam.

Ne mogu to reći sto posto, ali nakon aktiviranja kompresije Hiper postavke Cache Već duže vrijeme primjećujem smanjenje opterećenja servera. Općenito, čini se da se, kao i uvijek, škrinja upravo otvorila.

Usput, ako je vaš projekat zasnovan na Joomli, onda postoji nekoliko vrlo dobrih (prema recenzijama korisnika) komponenti za njega koje vam omogućavaju da maksimalno iskoristite metode koje sam opisao za povećanje brzine učitavanja stranice, ali na istovremeno će sve biti mnogo lakše, jer. mnogo se radi automatski uz minimalne troškove podešavanja.

Ja lično još nisam testirao ove komponente, ali čim se okupim, svakako ću pisati o njima. Za sada ću samo dati veze do ovih komponenti za Joomla: jFinalizer i WEBO Site SpeedUp.

Optimizacija grafike i smanjenje zahtjeva

Takođe, optimizacija grafike može imati veoma značajan uticaj na brzinu preuzimanja. Kao što sam ranije napisao,. Ali to će biti zgodno samo u slučaju malog broja njih.

Lično sam koristio za batch optimizaciju, o čemu sam već pisao pobliže. Također možete koristiti još jednu vrlo popularnu online uslugu kompresije fotografija bez gubitaka sa Smush.it. Ali stepen kompresije fotografija u PunyPNG-u mi se činio višim, možda zbog upotrebe uspješnijih skripti.

Kopirao sam fasciklu sa slikama mog bloga na svoj računar i sve ih otpremio (u serijama od 15, jer postoji takvo ograničenje u PunyPNG-u) na ovu onlajn uslugu, a zatim sam preuzeo opštu arhivu koja sadrži već optimizovane slike sa mog bloga.

Generalno, nakon pola sata, uspio sam komprimirati PNG slike u prosjeku za oko 7 posto, odnosno za 5 posto.

Kao rezultat toga, ukupna veličina svih slika koje se koriste na mom blogu se smanjila za nekoliko megabajta, što će bez sumnje utjecati i na povećanje brzine učitavanja stranice i malo će smanjiti opterećenje na hosting serveru.

Pa, posljednja, a ujedno i jedna od najvećih efikasne načine ubrzanje, može doći do smanjenja broja http zahtjeva koji će se generirati prilikom učitavanja stranica vašeg resursa. Možete ih smanjiti smanjenjem broja objekata učitanih na web stranici. Već smo na početku članka govorili o kombinovanju eksternih Css i Js fajlova samo u tu svrhu.

Ali lavovski dio zahtjeva uvijek se troši na učitavanje grafike. Može biti pozadinske slike, koje su spomenute u tablici stilova, ili slike koje su direktno postavljene u HTML kodu stranice.

Da biste smanjili njihov broj, morate analizirati da li je potrebno učitati ovu ili onu sliku zajedno sa stranicom. Tako sam se riješio nekoliko desetina dodatnih http zahtjeva. Isto pozadinske slike iz sastava predloška, ​​koji se ipak pokaže neophodnim za funkcioniranje vašeg resursa, može se kombinirati u tzv. Kao rezultat toga, umjesto desetak zahtjeva, trebate napraviti samo jedan.

Općenito, povećanje brzine učitavanja web stranice će neminovno dovesti do barem blagog povećanja opterećenja hostinga, što uz veliki promet može biti kap koja preli čašu. Sada, sa 5.000 hiljada posetilaca dnevno, opterećenje serverskog procesora se približava maksimalno dozvoljenom.

Već sam počeo da razmišljam o tako radikalnom koraku, kako da svoj blog učinim gotovo statičnim, u čijoj osnovnoj fascikli je uobičajeno HTML fajlovi, ali cjelina WordPress engineće raditi u poseban folder. Dakle, opterećenje će biti svedeno na minimum.

To možete učiniti u WordPress-u uz pomoć čudesnog dodatka Really Static. Istina, njegova verzija još nije narasla na jednu, ali kritike o njegovom radu su izuzetno pozitivne. Zapravo, to je potpuni analog poznate Maxsite Cache skripte, koju, na primjer, koristi Mikhail Shakin na svom blogu.

Cijena smanjenja opterećenja bit će gubitak neke funkcionalnosti, ali mislim da su ispravne postavke za ažuriranje keša (u ovaj slučaj on će biti običan HTML stranice, kao na lokalitetima s početka ovog milenijuma) biće moguće sve ove nedostatke svesti na minimum. U svakom slučaju, ne primjećujem nikakav zločin sa Shakinom kada čitam njegov blog.

Ako neko već ima iskustva sa WordPress dodatak Zaista statično, bit ću vam jako zahvalan ako ostavite svoje komentare o tome u komentarima. Hvala vam na pažnji. Članak je došao do kraja. Vrijeme je da ga dotjerate i pripremite za objavljivanje.

Sretno ti! Vidimo se uskoro na stranicama bloga

Više videa možete pogledati ako odete na

Možda ste zainteresovani

Gzip kompresija za ubrzanje učitavanja stranice - kako to omogućiti za Js, Html i Css koristeći .htaccess datoteku
Kreacija CSS sprites in online generator Sprites Me za smanjenje zahtjeva servera
Mjerenje i povećanje brzine stranice u GTmetrixu, kao i postavljanje učitavanja jQuery biblioteke sa Google CDN-a
Kako doći do brzog sajta - optimizacija (kompresija) slika i skripti, kao i smanjenje broja http zahtjevi
CSS optimizacija i kompresija u Brzini stranice - kako onemogućiti eksterne datoteke stilove i spojite ih u jedan za brže učitavanje

Optimizacija brzine sajta je uvek prioritet, jer postoji velika konkurencija između sajtova i potrebno je da stalno poboljšavate svoj resurs. O optimizaciji brzine sajta brinu i vlasnici sajtova (blogeri) i velike kompanije koji su vereni SEO promocija, jer shvataju da je to jedan od osnovnih parametara.

Na ovog trenutka postoje velika količina usluge za analizu brzine učitavanja sajta i identifikaciju problematičnih oblasti, ali uprkos tome, većina sajtova još uvek nije optimizovana na odgovarajući način.

U ovom članku i kontrolnoj listi pokušaću da se ne vezujem za određeni CMS, već da pišem na način da rešenja budu prikladna za bilo koji sajt.

Želim da obratim pažnju: ako svoju web lokaciju provjerite samo u usluzi Google PageSpeed ​​Insights, tada ćete u procesu proučavanja kontrolne liste shvatiti da je veliki broj parametara tamo skriven i nije prikazan, unatoč činjenici da i dalje utječu na učitavanje stranice brzina.

Faza 1. Definirajte "okvir" optimizacije brzine web stranice

Pod "Okvirom za optimizaciju brzine web stranice" mislim na količinu CSS, JS, medijskih datoteka i drugih datoteka koje se učitavaju na vašu web stranicu.

Nakon što smo definisali "okvir", znaćemo na šta treba da idemo. Usluga koju je kreirao Jonathan Fielding pomoći će nam da pronađemo podatke "" www.performancebudget.io.

pogledajte kratki video o radu sa ovim sajtom, gde sam jasno pokazao šta treba da izaberete da biste odredili " okvir za optimizaciju brzine web stranice":

Faza 2. Saznajte stvarnu brzinu stranice

Kao sto sam gore napisao, Google PageSpeed ​​Insights Ovo dobar alat testirati optimizaciju brzine stranice, ali ipak "daje" samo površne savjete. Prvo možete provjeriti pomoću ovog alata, a zatim prijeći na detaljniju statistiku koju pružaju sljedeće usluge:

• WebPagetest
• GTmetrix

Budite oprezni kada radite testiranje sa ovim servisima, jer vrijeme učitavanja može varirati zbog činjenice da su server vaše stranice i server na kojem se testira udaljeni jedan od drugog.

Usluga WebPagetest vam omogućava da odaberete server za testiranje i pretraživač. Ova usluga prikazuje u obliku dijagrama kojih resursa (CSS, JS) ima u postotku najviše na vašem sajtu. Ono što me najviše raduje je detaljne statistike na zahtjev u obliku grafikona. Tu su i informacije o tome na koje datoteke se primjenjuje GZIP kompresija i odmah postaje jasno da li je sve ispravno naznačeno u postavkama .htaccess.

Ali usluga GTmetrix vam omogućava da vidite raspored preuzimanja datoteka, tako da sve prikazuje i detaljne savjete za optimizaciju svake nijanse na stranici. I ovdje je sve razbijeno na detaljnije tačke optimizacije.

Znajući stvarne informacije o vašoj web-lokaciji, sada možete uporediti data cifra sa onim gdje je prikazan okvir za optimizaciju brzine web stranice.

I tek sada možete koristiti kontrolnu listu ispod u cijelosti. U ovoj kontrolnoj listi razmatram samo one metode optimizacije koje od vas ne zahtijevaju dodatna ulaganja u smislu novca, već vam je potrebna samo želja i malo upornosti da prođete i optimizirate svaku stavku.

(Kontrolna lista) Samooptimizacija brzine sajta

1. Optimizacija slike

1. Koristite slike tačno one rezolucije koja je potrebna na stranici.

   Često postoje situacije kada se koriste slike velike rezolucije (na primjer, 800x600px), a na stranici se koristi samo sličica (na primjer, 300x225px). Posebno česta data greška prilikom kreiranja galerija. Koristite samo rezoluciju slike koja je neophodna u određenoj situaciji.

2. Kombinirajte sve ikone (ako je SVG, onda u SVG sprite) u jednu sliku (sprite).

   Ovo će smanjiti broj zahtjeva prema serveru. Sada postoje online rješenja: css.spritegen.com, iconizr. Isto tako i rješenja za asemblere (za Gulp - gulp-svg-sprites, za Grunta - grunt-svg-sprite, za Webpack - Webpack SVG sprite loader).

3. Optimizirajte slike: PNG, JPG, SVG.

   Ovdje postoje oba online rješenja: TinyPNG, Kraken.io. Tu su i automatska rješenja za asemblere: Gulp - gulp-imagemin, gulp-pngquant; gunđati- grunt-contrib-imagemin; webpack- imagemin-webpack-plugin.

4. Odlaganje slika bez lijenog učitavanja ili jQueryja - https://varvy.com/pagespeed/defer-images.html

2. Smanjite broj zahtjeva

1. Koristite SVG i PNG sprijtove.

   Pisao sam o tome u odeljku "Optimizacija slike" iznad.

2. Ujedinite sve CSS fajlovi u jedan.

   Kao što sam ranije rekao, ovo će smanjiti broj zahtjeva prema serveru. Dodaci za slavine (za Gulp - gulp-concat-css, za Grunta - grunt-concat-css, za Webpack - css-concat-loader).

3. Spojite sve JS datoteke u jedan ako je moguće.

   Dodaci za slavine (za Gulp - gulp-concat-js, za Grunta - grunt-contrib-concat, za Webpack - webpack-uglify-js-plugin).

4. Smanjite broj upita bazi podataka što je više moguće.

   Sve što se može učitati bez upita bazi podataka, učitajte bez korištenja - statički. Budući da zahtjevi i odgovori zahtijevaju vrijeme, bilo bi logično da ovaj pokazatelj smanjimo što je više moguće.

3. Optimizirajte CSS i JS

1. Komprimiranje svih CSS datoteka.

   Online rješenja: CSS kompresor, CSS minifier gulp-clean-css; gunđati- grunt-contrib-cssmin; webpack- clean-css-loader.

2. Kompresujemo sve JS fajlove.

   Usluge online: JavaScript alat za kompresiju, js minifier. Montažni dodaci: Gulp - gutljaj-uglify; gunđati- grunt-contrib-compress; Webpack - dodatak spomenut u prošlom paragrafu također komprimira JS.