Kako mega snažno ubrzati svoj WordPress blog? Lijeno učitavanje videa. Minifikacija i kompresija

Zdravo, dragi čitatelji! Danas imamo vrlo važan i zanimljiv članak iz kategorije “zamotati”. Kako ubrzati WordPress, tako da se stranice bloga učitavaju 3 puta brže, a opterećenje hostinga smanjeno je 2 puta!

Na mom blogu već postoji članak posvećen tome, ali praksa je pokazala da mjere navedene u njemu nisu dovoljne. Vrijeme koje sam mučio s hostingom nije izgubljeno. To mi je dalo razlog da ponovno počnem optimizirati svoj blog. Rezultat mukotrpnog rada bio je ubrzanje WordPressa za 3 puta i smanjenje opterećenja hostinga za otprilike 2 puta. Vrlo dobri rezultati, s obzirom da moj WP nije bio tako dobar zapušteno stanje. Čak bih rekao da je pacijent bio više živ nego mrtav. Eh, nema granice savršenstvu!

Istaknuo bih 10 najviše važne korake na putu ka ubrzanju WordPressa. Pogledajmo svaki od njih u detalje.

1. Predmemoriranje stranica.

Možda je ovo najviše važna točka, bez koje ne možete. Princip rada WP-a (i većine drugih CMS-a) je takav da blog stranice ne leže na poslužitelju u statičkom html formatu, već se generiraju na temelju php kod kada korisnik dođe do njega. Za svakog korisnika, svaka se stranica generira iznova i iznova! To podrazumijeva nepotrebnu potrošnju resursa poslužitelja i značajno povećava vrijeme učitavanja stranice.

Princip predmemorije je jednostavan - za stranicu se stvara statična predmemorija. html verzija, koji dobivaju svi korisnici koji prijeđu na njega i postoji određeno vrijeme (cache lifetime), nakon čega se ažurira. Fizički, ova stranica je datoteka u html formatu, koja se nalazi na poslužitelju u posebnom direktoriju.

Ovdje sam cijelu teoriju napisao samo s jednom svrhom, da razumijete jednostavna istina— nema života bez keširanja! Čak i ako nekoliko ljudi posjeti blog, osim njih postoje skriveni gosti poput botova tražilice. Svakako će naći zamjerku brzini učitavanja blog stranica. Za implementaciju predmemoriranja u WordPressu, preporučujem korištenje jednog od sljedećih dodataka:

  • — možda najpopularniji dodatak za predmemoriju;
  • Super Cache - trenutno ga koristim.

Odaberite bilo koji od njih. Slični su po kvaliteti i funkcionalnosti.

2. Optimizacija wp plugin skripti i stilova.

Svaki novi dodatak WordPress dodaje svoje vlastite datoteke sa skriptama i stilovima; prilikom izrade stranice sve moraju biti povezane. Ovo traje neko vrijeme. Da ga spasim, sve dodatne datoteke stilove (i skripte) treba kombinirati u jednu datoteku, koja će se naknadno povezati. Ne brinite, neću vas tjerati da to radite ručno (iako biste mogli, samo iz zabave), jer postoji jedan prekrasan.

3. Smanjenje veličine datoteke style.css.

Postoji prekrasna usluga koja vam omogućuje optimizaciju i komprimiranje datoteke style.css uklanjanjem dodatni prostori i udubljenja. Naravno, naknadni rad s takvom datotekom je izuzetno nezgodan, stoga vam toplo savjetujem da kopiju držite na računalu u normalnom obliku dostupnom ljudskoj percepciji.

Osim toga, ako stalno prerađujete svoju temu (kao ja), tada se s vremenom stilovi koji se nigdje ne koriste nakupljaju u datoteci style.css. Takvih "mrtvih" elemenata treba pravovremeno riješiti. Za praćenje ih koristim besplatni dodatak Dust Me Selektori za Firefox preglednik. Možete ga preuzeti.

4. Optimizacija jezičnog paketa.

U pitanju ubrzanja WordPressa nema sitnica, potrebno je komprimirati i smanjiti sve što je moguće, čak i datoteku s ruskim jezikom. Neću dugo opisivati ​​ovaj proces, jer se sve svodi na banalnu upotrebu. Uživajte za svoje zdravlje!

5. Čišćenje predloška header.php od nepotrebnog PHP koda.

Samo toplo preporučam da prije bilo kakvog rada s bazom podataka izradite istu sigurnosna kopija(uključiti). Ako ste zaboravili napraviti sigurnosnu kopiju svoje baze podataka i nešto je pošlo po zlu, ne brinite! Ako koristite, uvijek postoji svježa sigurnosna kopija. Samo se vratite na to i izgt je.

7. Testiranje brzine učitavanja dodataka, uklanjanje onih najtežih.

10. Vanjski čimbenici.

Nedavno sam se susreo s tim zlom. Njegova suština leži u veliki broj zahtjeve s iste ili različite IP adrese. Glavni cilj je povećati opterećenje poslužitelja kako bi se blog usporio ili potpuno srušio (DDOS napad).

Dugo nisam ni sumnjao na ovaj problem, samo je blog počeo usporavati i s vremena na vrijeme proizvoditi pogreške. Nakon prelaska na Hostenko hosting, blog je stalno bio isključen zbog veliko opterećenje na poslužitelj. Služba tehničke podrške nije pružila nikakvu pomoć, jednostavno su ponudili da sami optimiziraju WP ili kupe VPS za puno novca.

Kao rezultat toga, preselio sam svoj blog na , gdje su mi pomogli identificirati i eliminirati ovaj problem, na čemu sam im jako zahvalan. Dečki stvarno rade vrlo učinkovito i brzo. Rješenje je bilo zabraniti najaktivnije IP adrese i filtrirati zahtjeve za neke WP datoteke.

Kao što vidite, opterećenje poslužitelja smanjeno je gotovo 2 puta, a blog je postao primjetno brži.

Reci mi, možeš li to riješiti? sličan problem sami bez ikoga drugoga stručna pomoć? Osobno, ne. Stoga slijedite moj primjer - birajte stvarno kvalitetan hosting tako da njegova tehnička podrška može riješiti probleme bilo koje složenosti i ne ostavlja vas same s njima.

Dok se radi na ubrzavanju WordPressa, blog treba stalno testirati kako bi se identificirao problematična područja. Možda najzanimljivije i najkorisnije besplatna usluga online testiranje alati za preuzimanje blogova.pingdom.com. Zahvaljujući njemu sam pratio vezu nepotrebnog JavaScript knjižnice i otkrio nekoliko nerazumno teških slika.

A evo i rezultata prema servisu WebWait koje je moj blog na kraju pokazao:

Jednostavno predivno! Iskreno želim da vaš blog radi jednako brzo! Vjerujte mi, to nije tako teško postići.

To je sve za danas. Ako znate druge načine za ubrzavanje WordPressa, ne ustručavajte se ostaviti svoje komentare. Moji čitatelji i ja ćemo to jako cijeniti.

Hvala vam, prijatelji, što ste pročitali moj članak do kraja. Nadam se da je stvarno pomogao ubrzati WordPress i vaš blog. Čuvaj se!

  • Prijevod

Brzina i otpornost na pogreške jedan su od čimbenika koji uvijek utječu na popularnost vašeg resursa, jer čak i s najboljim sadržajem na svijetu, spora stranica će iritirati čitatelje i prije ili kasnije ćete ih izgubiti. U ovom ćemo članku optimizirati najpopularniji blogerski motor - Wordpress koji radi na PHP-u. A u isto vrijeme pogledat ćemo nekoliko općim točkama u optimizaciji web stranice.

1 Testiranje trenutne brzine

Da biste saznali je li se nešto promijenilo nakon naše optimizacije, ne bi škodilo da prvo izmjerite trenutnu brzinu učitavanja stranica vašeg bloga, kako biste imali s čime usporediti. Postoji nekoliko alata koji će vam pomoći u tome:

Ne zaboravite ažurirati na Najnovija verzija PHP i Apache.

3.1 Onemogućite nekorištene usluge
Možete dobiti više dostupnih RAM memorija, Isključivanje neiskorištene usluge i optimiziranje MySQL i Apache.
  • Ukloni ClamD;
  • Konfigurirajte SpamD da koristi samo 1 podređeni proces;
  • Deinstalirajte Mailman, osim ako, naravno, ne namjeravate pokrenuti uslugu e-pošte.
3.2 MYSQL upit Predmemorija
Budući da stabilnost i brzina Wordpressa uvelike ovise o radu baze podataka, trebali biste provjeriti jesu li postavke u moj.cnf odgovaraju mogućnostima poslužitelja. Prije svega, trebali biste postaviti postavke predmemoriranja zahtjeva dodavanjem moj.cnf sljedeće retke:
query_cache_type = 1
query_cache_limit = 2M
query_cache_size = 20M

Da bi postavke stupile na snagu, morat ćete ponovno pokrenuti MySQL uslugu.
3.3 Predmemorija kompilatora: XCache ili Eaccelerator?
Predmemorija kompajlera povećava izvedbu kompiliranih skripti na poslužitelju tako što ih sprema u predmemoriju - to će pomoći smanjiti vrijeme izvršenja PHP skripte. Vrijedi isprobati oba rješenja, ali prema eksperimentalnim rezultatima, povećanje performansi pri korištenju Xcachea je 5% veće nego kod Eacceleratora.
3.4 Povećaj najveći broj veze na Apacheu
Povećanje maksimalnog broja veza u httpd.conf će povećati produktivnost, jer poslužitelj će moći obraditi velika količina veze u isto vrijeme. Međutim, trebali biste pažljivo promijeniti ovu postavku kako ne biste iscrpili cijelu količinu RAM-a i usporili poslužitelj, stoga uvijek testirajte nove postavke prije nego što ih stavite u rad. Uspostavimo, na primjer, 150 veza:
maksimalne_veze = 150

Ne zaboravite ponovno pokrenuti uslugu Apache da biste primijenili postavke.

4 Optimizacija koda i grafike

Dakle, poslužitelj je pokrenut i sada je vrijeme da se poigrate s Wordpress kodom.
4.1 Onemogućite vruće veze
Svaki put kada koristite svoj poslužitelj za pohranu slika, koristite znatno više njegovih resursa. Vrlo često ljudi posuđuju vaše slike postavljanjem hotlinkova na svoje poslužitelje. Ovo ne samo da zauzima kanal, već stvara i određeno opterećenje na poslužitelju.
Dodajte sljedeći kod u .htaccess datoteka, zamjena primjer.com na naziv svoje domene kako biste onemogućili korištenje vrućih veza:
< IfModule mod_rewrite .c >
RewriteEngine uključen
RewriteCond %(HTTP_REFERER) !^$
RewriteCond %(HTTP_REFERER) !^http://(www\.)?example\.com/.*$
RewriteRule .*\.(gif|jpg|png|ico)$ -
4.2 Koristite vanjski hosting za pohranu slika
Hosting slika na vanjski poslužitelji pomoći će značajno smanjiti opterećenje poslužitelja. U donjem primjeru možete vidjeti smanjenje količine RAM-a koji se koristi na jednom od blogova nakon premještanja slika na Amazon S3.

4.3 Komprimirajte kod java skripte
Sažimanje javascripta prilično je jednostavan zadatak. Budući da se pokreće na svakom prikazu stranice, možete smanjiti veličinu Javascripta uklanjanjem svih bijelih prostora. Evo jednostavnog alata koji to može učiniti umjesto vas - JavaScript Compressor.
4.4 Javascript na vrhu stranice
Često se događa da se stranica počne sporo učitavati ili potpuno prestane, jer... drugi izvor iz kojeg se poziva javascript (na primjer, Digg značke, Tweetmeme itd.) nije dostupan ili je izvan mreže. Da biste to izbjegli, izvadite sve javascript kod na dno stranice, a ono što se iz nekog razloga nije moglo izvaditi - pokušajte to zatvoriti u iFrame.
4.5 Koristite predmemoriju preglednika
Sama predmemorija preglednika, naravno, neće ubrzati vaš blog, ali će pomoći u smanjenju opterećenja poslužitelja predmemoriranjem često učitavanih objekata (stilova, elemenata sučelja itd.).
Pokušajte zalijepiti sljedeći kod u .htaccess datoteka:
FileETag MTime veličina
< ifmodule mod_expires .c >
< filesmatch "\.(jpg|gif|png|css|js)$" >
IstječeAktivno dana
ExpiresDefault "pristup plus 1 godina"

4.6 Sažimanje statičkih podataka
Možete smanjiti veličinu učitane stranice dopuštajući pregledniku da prima i šalje podatke u komprimiranom obliku. Ovo će također smanjiti opterećenje kanala i količinu preuzetih podataka.
Sljedeći kod u .htaccess može vam pomoći s ovim:
AddOutputFilterByType DEFLATE tekst/html tekst/običan tekst/xml aplikacija/xml aplikacija/xhtml+xml tekst/javascript tekst/css aplikacija/x-javascript
BrowserMatch ^Mozilla/4 gzip-only-text/html
Podudaranje preglednika ^Mozilla/4.0 no-gzip
BrowserMatch bMSIE !no-gzip !gzip-only-text/html
4.7 Koristite CDN za statičke datoteke
Ako sve slike pohranite na istoj domeni, preglednik će čekati da se učitaju jedna za drugom. Recimo da ih imate 12 na stranici, ako ih podijelite između tri poddomene, učitat će se istovremeno iz tri "različita" izvora umjesto da ih preglednik učitava jednu po jednu.
Možete pokušati prenijeti sve css & javascript datoteke na files.yoursite.com, i slike i privremene datoteke na static.yoursite.com. Ili jednostavno upotrijebite CDN (Content Delivery Network) - velika mreža servere smještene diljem svijeta, što će vam omogućiti ne samo pohranjivanje vaših datoteka na različitim poddomenama, što znači njihovo paralelno preuzimanje, već i isporuku podataka korisniku s njemu najbližeg poslužitelja. Sve to će vam omogućiti puno brže učitavanje podataka.

5 Wordpress

U ovom dijelu članka pogledat ćemo tehnike poboljšanja performansi koje se mogu primijeniti izravno na Wordpress.
5.1 Ažurirajte na najnoviju verziju
Ažuriranje na novije verzije ne samo da popravlja otkrivene ranjivosti, već i poboljšava performanse. Na primjer, u WordPressu 2.8 rad s bazom podataka značajno je optimiziran.
5.2 Onemogući revizije objave
U svim verzijama WordPressa, počevši od 2.6, revizije vaših članaka automatski su se spremale svaki put kada ste ih uređivali. To usporava bazu podataka i nepotrebno povećava njezinu veličinu.
Da biste onemogućili revizije posta, dodajte sljedeći redak V wp-config.php :
define("WP_POST_REVISIONS", false);

Za brisanje prethodno spremljenih revizija teksta, pokrenite sljedeći upit u PHPmyadmin:
IZBRIŠI a,b,c
OD wp_posts a
LEFT JOIN wp_term_relationships b ON (a.ID = b.object_id)
LEFT JOIN wp_postmeta c ON (a.ID = c.post_id)
WHERE a.post_type = "revizija"
5.3 Smanjite broj zahtjeva
Uklonite nepotrebne upite kako biste ubrzali generiranje stranica. Na primjer, sljedeći je tipičan kod koji se nalazi u svim WordPress temama:
< meta http-equiv ="Content-Type" content ="< ?php bloginfo ("html_type" ); ?>; skup znakova= " />

Lako ga možemo prepisati u:
< meta http-equiv ="Content-Type" content ="text/html; charset=UTF-8" />

Već dva zahtjeva manje. Prilično jednostavno, zar ne?
6 Wordpress dodataka
I na kraju, skrećem vam pozornost na nekoliko dodataka koji mogu poboljšati rad WordPressa. Nakon što je sve gore opisano dovršeno, ovi će vam dodaci pomoći da postignete još bolje performanse.

je li moguće WordPress optimizacija i ubrzanje jednostavne metode? Sigurno! Iako je WordPress prema zadanim postavkama lagan i brz, on neispravna postavka mnoge procese može učiniti sporim i iznimno zbunjujućim. Predlažemo da obratite pozornost na načine koji će pomoći ubrzati vašu web stranicu.

Prema najnovijim istraživanjima Microsoft, vrijeme koje korisnici čekaju da se stranice učitaju smanjilo se s 12 sekundi na 8 sekundi, ljudi su postali nestrpljiviji. Štoviše, studije su pokazale da će 40% korisnika napustiti vaš resurs ako učitavanje traje duže od 3 sekunde. Stoga je optimizacija i ubrzanje WordPressa jednostavno neophodna.

1. WordPress optimizacija i redovita ažuriranja vlastitu bazu podaci.

WordPress je sustav za upravljanje sadržajem koji se temelji na relacijske baze podataka podaci. Ako je baza podataka velika, to može dovesti do spor rad Internet resurs.

Treba uzeti u obzir sljedeće parametre Kada koristite veliku bazu podataka koja može uzrokovati spor rad WordPressa:

  • Post revizija: funkcija " Objavi reviziju» brzo popunjava bazu podataka, nakon čega Internet projekt počinje usporeno raditi. Svaki ažurirani post sprema se u bazu podataka. Ovako se puni baza podataka. Ova se funkcija može potpuno onemogućiti ili ograničiti. Da biste ograničili revizije, morate otići u datoteku postavki wp-config.php dodajte sljedeće retke:
define("INTERVAL_AUTOMATSKOG_SPREMANJA", 300); //seconds define("WP_POST_REVISIONS", 5);

Nakon promjena WordPress kod pohranjuje najviše 5 izmjena posta i samo 5 minuta. Po potrebi možete ponovno uključiti funkciju “Revizija objava”.

  • Ako ne želite mijenjati kod za datoteku wp-config.php, možete instalirati dodatak - Revision Control ili dodatak za uklanjanje post revizija - WP Clean Up. Tada će optimizirani WordPress automatski početi upravljati revizijama postova. Možete saznati više o tome kako instalirati i upravljati.
  • Veze na blogove i povratne informacije: Veze na blogove i povratne informacije također mogu popuniti bazu podataka. Također se mogu onemogućiti. To se može učiniti ovako: Postavke/Rasprava/Dopusti obavijesti s drugih blogova (obavijesti i povratne veze) za nove članke
  • Komentari na blogu: Komentari na blogu uopće nisu loša stvar, sve dok nisu tisuće spam komentara koji zauzimaju prostor u vašoj bazi podataka. Neophodno je redovito brisati takve komentare kako ne bi “zakrčili” bazu podataka.
  • Dodaci. Neki dodaci prikupljaju podatke i učitavaju ih u bazu podataka. Na prvu se čine korisnima, ali zapravo zauzimaju puno prostora. Na primjer, jedan dodatak može koristiti do 160 MB. prostor baze podataka. Ovo je samo jedan dodatak! Što ako ih je više?
  • Analitike i registracije. Morate biti oprezni s dodacima koji analiziraju povijest i registraciju podataka na web projektu. U osnovi, koriste veliku količinu baze podataka, što može dovesti do sporog rada stranice i pogoršati optimizaciju WordPressa.
  • Možete instalirati dodatak WP-Cleanup i koristiti ga za čišćenje i optimiziranje vaše baze podataka.
2. Optimiziranje slika u WordPressu.

Vrijeme potrebno za učitavanje na stranici ovisi o veličini slika. To se događa kada trebate učitati sliku visoka rezolucija, ili kada se fotografija objavi u člancima i zatim prikaže na početnoj stranici.

postoji 2 načina optimizacije vlastite slike:

Redovito optimizirajte i smanjite veličinu fotografija; to se može učiniti bez pogoršanja kvalitete fotografije;

U ovom slučaju je savršeno besplatna usluga OptiPic, automatski će komprimirati sve slike na stranici za vas bez vašeg sudjelovanja.

Usput, ako imate veliki broj slika, možete koristiti kod kupon za popust Za plaćeni način rada i 5% popusta, kopirajte kod dSAdDeN2xj7_Nr9B1LH68MoyeuJxMeUY

· Odgoda učitavanja slika; Ova se metoda koristi kada se fotografija ne učitava dok se čitač pomiče po prozoru u kojem se fotografija nalazi. Ova metoda pomoći će vam da izbjegnete probleme s učitavanjem web stranice. Da biste to učinili, možete koristiti razne dodatke, na primjer Lazy Load i slične sa sličnim nazivom.

Optimiziranje slike omogućuje vam da je smanjite s veličine od 2 MB. do 600 kb. bez ugrožavanja kvalitete. To se radi kako bi se uklonili nepotrebni fragmenti slike. Fotografije se mogu optimizirati u WordPress blogu pomoću instaliranih posebnih dodataka.

Bez sumnje, ovako WordPress optimizacija imat će veliki utjecaj na brzinu učitavanja vašeg portala, budući da se obično najdulje učitavaju neoptimizirane slike, a to posebno vrijedi za Mobilni uredaji i mobilni internet.

3. Korištenje predmemorije i uklanjanje zaglavlja.

Većina WordPress web resursa mogla bi biti dvostruko brža kada bi koristila predmemoriju.

Optimizacija WordPressa kroz predmemoriju temelji se na pohranjivanju datoteka web resursa u predmemoriju preglednika posjetitelja ili gotovih stranica na poslužitelju, odnosno automatski sprema stranicu u datoteku predmemorije povremeno kada posjetitelj posjeti stranicu. Obično, ako se postavke predmemorije ne promijene, predmemorija preglednika posjetitelja ažurirat će se kada se ažurira web projekt, čime se osigurava da ništa nije izgubljeno.

Za učinkovitu upotrebu caching, možete koristiti dodatak koji ja osobno koristim WP Super Cache. Ovaj dodatak ubrzava učitavanje WordPressa a optimizacija se postiže spremanjem gotovih stranica na disk poslužitelja. Zahvaljujući tome, kada preglednik zatraži stranicu, blog ne mora svaki put stvarati stranicu ispočetka. U slučaju standardnog preuzimanja, potrebno je napraviti mnogo upita bazi podataka, obraditi PHP program i tako dalje. Uz predmemoriju, gotov rezultat se proizvodi odmah.

Predmemoriranje može značajno povećati brzinu vašeg bloga. Utvrđeno je da potpuna mogućnost predmemoriranja može ubrzati WordPress blog od 2,4 sekunde do 900 milisekundi.

Nakon što omogućite predmemoriju, također možete omogućiti modul vremenskog ograničenja zaglavlja, ovo je modul http poslužitelji Apache mod_expires. Ova optimizacija će povećati brzinu WordPress radi obavještavajući preglednike posjetitelja kada trebaju zatražiti određene datoteke sa servera. I prisilio ga da pohranjuje datoteke u korisnikov preglednik pravo vrijeme. Modul mod_expires može uštedjeti resurse poslužitelja i značajno povećati brzinu otvaranja stranice. Za detalje o tome koje unose napisati u .htaccess da biste aktivirali modul i ispravno ga konfigurirali, pročitajte članak " ". Na našem hostingu ovaj modul je standardno uključen za sve web stranice. Time već poboljšavaju njihovu optimizaciju od samog početka.

4. Omogućivanje GZIP kompresije putem mod_deflate.

Koji je najpopularniji alat za komprimiranje datoteka u Zip format na računalu? 7-Zip? WinRar? Koliko vas je komprimiralo datoteke i vidjelo nevjerojatnu učinkovitost kada se datoteka od 200 MB smanji na 40 MB? Kako se to događa? Zar je nemoguće Na sličan način tehnološka kompresija? Sve je moguće, isto možete učiniti i za blog, a time ga i osigurati brz rad i izvrsna optimizacija.

GZIP kompresija pomaže komprimirati datoteke stranica u Zip format, te ga u cijelosti prenijeti posjetiteljima, čime se optimizira brzina učitavanja. Za to se koristi http modul Apache poslužitelj mod_deflate . Drugim riječima, promet na web stranici je isti, ali je sam blog brz jer posjetitelje poslužuje komprimirana verzija.

Testirali smo web resurs koji je komprimiran pomoću GZIP kompresije sa 68 kb na 13 kb, Worpress je ubrzao njegovo učitavanje 5 puta.

Kako pokrenuti i konfigurirati ovaj modul na dobrom hostingu kao što je naš opisano je u članku "".

5. Korištenje CDN-a.

Postoje studije koje pokazuju da CDN može povećati izvedbu bloga za 60%.

Brzina učitavanja sadržaja stranice ovisi o tome gdje se nalazi hosting na kojem se web projekt nalazi. Na primjer, ako se hosting nalazi u Indiji, a prijava dolazi iz, na primjer, SAD-a, tada će se stranica učitavati sporije nego da se to dogodilo u Indiji. Kako izaći iz ove situacije? Osobe s ograničenom brzinom pristupa internetu mogu koristiti CDN uslugu za ubrzanje učitavanja web stranice.

Za korištenje web portala Usluga WordPress CDN, trebate distribuirati sadržaj po cijelom svijetu kako bi korisnici mogli koristiti verziju koja im se nalazi bliže.

6. Optimizacija i promjena WordPress teme.

WordPress teme također mogu dugo potrajati da učitaju vaš blog. Ako koristite WordPress temu koja je napuhana i temelji se prvenstveno na vanjskim zahtjevima, vaš će blog raditi sporije u usporedbi s onima koji koriste teme temeljene na standardima. Jasno je da će optimizacija ovdje biti prilično teška.

7. Ujedinjenje pozadina slike s pokretnim spriteom.

WordPress tema temelji se na pozadinskoj slici, u kombinaciji s CSS naredbama, uglavnom je prikaz jasna pozadina. Dakle, jedna lijepa pozadina može se sastojati od 12 različitih pozadine. Na površini to izgleda normalno i jednostavno, sve dok se ovih 12 pozadina koristi kao 12 različitih zahtjeva poslužitelju iz preglednika posjetitelja. Što ako se ovih 12 crteža spoji u jedan? Tada će se brzina naglo povećati.

Kada kombinirate pozadinu sa spriteom, možete različite teme kombinirajte pozadinske slike u jednu i zatim upotrijebite CSS da biste dobili normalan prikaz stranice. To će smanjiti ukupni broj bajtova koje preglednici korisnika moraju preuzeti, što je uzrokovalo kašnjenje. Rezultat je brži blog i bolja optimizacija.

8. Koristite samo nesinkrone pozive za JavaScript kodove.

Jeste li primijetili da kada se Facebook zamrzne, drugi web resursi počinju raditi osjetno sporije? Zanimljivo, to se ne događa kada se Facebook kodovi učitavaju. To se događa kada koristite sinkroni kodovi s drugih stranica - posebice analitike ili praćenja. Ako je kod sinkrono instaliran na WordPressu, prvo se učitava - ovisno o dijelu koda - prije učitavanja ostalih elemenata stranice.

Korištenjem samo JavaScpipt-ovog nesinkronog feeda koda, zajamčeno je da će blog ispravno i brzo funkcionirati bez obzira koji se JavaScript poslužitelj koda koristi na web projektu.

Možete saznati više o tome što je to.

9. Omogućite HTTP Keep-Alive.

Ova postavka je moguća ako imate pristup konfiguraciji http poslužitelja. U ostalim slučajevima preporučujem korištenje normalnog hostinga.

Omogućili smo Keep-Alive podršku za sve klijente besplatno!

Obično, kada posjetitelj zatraži datoteku od poslužitelja, svaka se datoteka šalje zasebno. Problem u ovom slučaju je što se otvara nova veza za svaku datoteku, što u konačnici dovodi do sporog rada bloga, ovisno o tome koliko ljudi istovremeno posjećuje web resurs. Omogućavanjem HTTP Keep-Alive sve se datoteke poslužuju preglednicima posjetitelja putem jedne veze. Veza je otvorena dok se ne prime sve datoteke. Dakle, količina otvorene komunikacije na poslužitelju se smanjuje, što dovodi do povećanja brzine stranice.

10. Koristite najboljeg domaćina.

Ako je domaćin loš, tada savjeti predstavljeni u ovom članku neće raditi. od velike važnosti. U takvim uvjetima optimizacija je teška. Redovitom analizom i istraživanjem web hostova primjećuje se da se u 2 od 10 slučajeva, ako je konfiguracija poslužitelja loša, ne može učiniti ništa za povećanje brzine portala.

Jedan časopis opisao je slučajeve koji pokazuju koliko web host utječe na vrijeme učitavanja internetske stranice. Programer je usporedio brzine blogova dvaju klijenata, od kojih je jedan koristio namjenski poslužitelj, a drugi zajednički. Rezultat je bio zapanjujući: vrijeme odgovora web resursa na zahtjeve na namjenskom poslužitelju bilo je 7 ms, dok je vrijeme odgovora web mjesta na zajednički poslužitelj- čak 250 ms.

Web host je svakako bitan. Stoga, prije nego što negdje kupite hosting, isprobajte naš. Prvih mjesec dana možete ga koristiti potpuno besplatno. Ili čak možete uzeti besplatni plan.

Na kraju, predlažem da pogledate odličan video, gdje su vizualno prikazane mnoge točke iz ovog članka o optimizaciji i ubrzanju WordPressa.

Prije ili kasnije, svi webmasteri početnici susreću se s problemom brzine učitavanja stranice stranice. Vlasnici WordPress web stranica nisu iznimka. Nakon mjesec ili dva, sve WordPress stranice počnu postajati "glupe", a to može biti uzrokovano mnogim čimbenicima. U ovom ćemo članku pogledati glavne razloge i načine za ubrzavanje WordPress stranice.


Navigacija po stranici:

10 savjeta za ubrzavanje učitavanja web stranice na WordPre-u ss

Kako bismo ubrzali našu stranicu moramo poduzeti niz radnji. Prvo, analizirajmo brzinu učitavanja naše stranice pomoću pingdom.com.

Ovo će nam biti početna točka za početak. I koliko god početni broj bio zastrašujući, nije važno, zahvaljujući našem vodiču značajno ćete smanjiti brzinu učitavanja stranice.

Nabrojimo kako je moguće ubrzati WordPress stranicu:

  • gZIP kompresija;
  • smanjiti css i javascript;
  • smanjenje veličine naslova recenzije;
  • čišćenje baze podataka od smeća;
  • uklonite nepotrebni JavaScript;
  • koristiti predmemoriju za statički sadržaj;
  • css i javascript izgled;
  • koristiti poddomene za paralelno preuzimanje;
  • odbaciti nepotrebne dodatke;
  • Izaberi brzo hosting za svoju stranicu.

Na prvi pogled ima puno posla, ali kada shvatite što je što, neće vam trebati više od pola sata, a “ispuh” od putovanja bit će kolosalan. Pogledajmo svaku predloženu točku detaljnije i ubrzajmo web mjesto na WordPressu.

Preglednici obično primaju stranice web-mjesta u komprimiranom GZip obliku. Odnosno, kada klijent zatraži, vaš poslužitelj šalje podatke sa stranice vaše stranice u arhivu. Nakon čega korisnički preglednik uspješno dohvaća podatke iz arhive i prikazuje ih na zaslonu monitora. Ovaj proces će značajno ubrzati učitavanje vaše stranice Stoga ovu metodu ne treba zanemariti.

Kako provjeriti je li gzip kompresija omogućena

Kako biste provjerili je li kompresija omogućena na vašem poslužitelju, možete koristiti stranicu whatsmyip.org koja će pokazati jesu li vaši podaci komprimirani i koliko učinkovito.

Ako kao rezultat provjere dobijete sljedeće:

To znači da su vaši podaci komprimirani i da sve radi ispravno za vas.

Koristimo naše Cascading Style Sheets (CSS) i JavaScript za izradu stranice, a sve ovo oduzima gomilu vremena za učitavanje naše stranice. Kako bismo poboljšali i ubrzali naše stilove i skripte, moramo ih smanjiti i dati im minimalnu veličinu.

Kako bi se smanjila količina koda i ubrzalo učitavanje WordPress stranice Postoji nekoliko opcija za web mjesto. Upute za koje možete pročitati na našoj web stranici.

Što više komponenti imamo na stranici za učitavanje, kao što su:

  • Slike;
  • skripte;
  • flash animacije itd.

što se sporije učitava. Uostalom, pravilo HTTP/1.1 protokola postavlja ograničenje istovremeno preuzimanje komponente iz jednog domaćina na razini 2 komada. Tako se naši dijelovi stranice učitavaju sporo i u dijelovima. I za ovaj problem postoji rješenje, koje ćemo detaljno ispitati u sljedećoj publikaciji.

Događa se da webmaster iz neznanja ili zaborava zaboravi očistiti bazu podataka koja ima tendenciju pretjeranog rasta, pogotovo u WordPressu.

Onečišćena baza podataka dovest će do velikih kašnjenja pri učitavanju, zbog činjenice da će broj pretraživanja biti vrlo velik. Ispravno konfigurirana prilagodba unosa podataka u bazu podataka i njihovo uklanjanje iz "šljake" pomoći će vam u održavanju brzine i čistoće, te će vam omogućiti da prilično dobro ubrzate svoju stranicu na Wordpressu.

Danas postoji mnogo različitih dodataka na našim stranicama; sve vrste widgeta učitavaju ogromnu količinu podataka iz izvora trećih strana, što značajno komplicira učitavanje stranice. Glavno pravilo odbacite nepotrebne skripte! Ne žurite svakome prekrasna slika i svaki dodatak vašoj stranici, prvo razmislite i testirajte ga te vidite kako će utjecati na vašu brzinu.

Savjet 6. Korištenje predmemoriranja ubrzat će vašu WordPress stranicu

Također koristite predmemoriju preglednika ključna stvar ubrzati WordPress. Dodajte što više podataka u predmemoriju koja će se prenijeti korisniku gotov oblik, a ne da se stvara svaki put iznova, trošeći dragocjeno vrijeme vašeg posjetitelja.

Za korištenje predmemoriranja postoji nekoliko metoda koje će vam, kada se implementiraju, omogućiti redovni korisnici pouzdano se krećite stranicama svoje web stranice bez značajnih kašnjenja.

Za predmemoriju možete koristiti ili neki drugi dodatak koji želite.

Savjet 7. Ispravno postavite svoje css i javascript inkluzije.

Za najbolje preuzimanje mjesto povezati sve svoje stilova na vrhu dokumenta, u oznaci . Ova tehnika omogućit će pregledniku postupno učitavanje cijelog vašeg stila, bez gubitka ili neželjenih skokova u slikama. Ne izgleda baš lijepo kada se tekst prvo učita, a onda se počne bacati s jedne na drugu stranu dodavanjem uvlaka i zamjenom s navigacijom i drugim dodatnim stilom stranice.

Na isti Google vrijeme preporučuje spuštanje svih stilskih datoteka na dno dokumenta, navodno one smetaju učitavanju sadržaja, zapravo je tako. Što odabrati u u ovom slučaju? Mali eksperiment pomoći će u rješavanju ovog spora. Ako imate "ozbiljan" CSS datoteka, s ogromnim brojem pravila, a kada se stranica stranice učita, svi elementi skaču, zatim je postavite u zaglavlje, ali ako se ništa ne dogodi kada postavite vezu stila u podnožje, onda je bolje ostaviti je na dno. Od dva zla morate izabrati manje.

Ako je moguće, sve JavaScripte treba spustiti na dno dokumenta tako da se pokreću zadnji i da ne usporavaju učitavanje glavnog sadržaja. Ovo neće toliko ubrzati potpuno učitavanje stranice koliko će smanjiti vrijeme utrošeno na izradu okvira prihvatljivog za pregled, a tek onda će se učitavati funkcionalnost.

Savjet 8. Koristite poddomene za paralelna preuzimanja

Kao što je spomenuto, postoji ograničenje preuzimanja komponenti u isto vrijeme, stoga koristite što više poddomena kako biste brzo preuzeli svoju grafiku. Za vas će to biti isti host, ali za preglednik će biti drugačiji, što će mu omogućiti da brže učitava vaše podatke i postavlja ih na namjenska mjesta.

Svaki dodatak i svaki od njegovih modula usporava učitavanje stranice; odbacite nepotrebne dodatke čije radnje možete zamijeniti uvođenjem malog koda u svoj motor. Ovo ne samo da će vas ubrzati, već će vas i zaštititi od potencijalnog hakiranja.

Pregledajte svoje dodatke, eksperimentirajte i onemogućite ih jednog po jednog i pratite promjene u brzini učitavanja stranice. Ako je razlika velika, ili ga potpuno odbacite, ili pokušajte zamijeniti dodatak drugim sličnim funkcijama.

Predstavljeno zasebno.

Pitanje je prilično komplicirano, jer vam svi hosting provideri obećavaju najbolja brzina za vas, ali uzmite si vremena i analizirajte nekoliko opcija. Pročitajte recenzije kupaca i pokušajte odabrati najbolje za sebe na temelju standarda cijene i kvalitete.

Naravno najbolja opcija za veliki projekt bit će namjenski hosting ili VPS, čiji su troškovi znatno veći od običnog hostinga, ali su koristi ogromne.

Konačno: U članku je detaljno opisano kako ubrzati stranicu na Wordpressu, pomoću ovih savjeta možete ubrzati svoju stranicu nekoliko puta, pa čak i desetke puta. Troškove provedbe promjena uglavnom snose privremena sredstva, a koristi od njih veće su od očekivanih.

Od autora: Brzina je kvaliteta koju bi trebale imati sve web stranice, a WordPress nije iznimka. Nećete dobiti drugu priliku da ostavite prvi dojam na korisnika. Važno je osigurati da vaši korisnici nemaju razloga napuštati vašu web-lokaciju prije nego što uopće počne. puno opterećenje ili razloge zašto se ne žele vratiti na vašu web stranicu.

U ovom članku ću vam reći kako učinkovito ubrzati WordPress stranicu koristeći 12 najbolje prakse, koji će vam pomoći da povećate izvedbu svoje stranice.

Odabir dobrog hostinga

Odabir hostinga ima veliki utjecaj na brzinu stranice. Dobar web hosting je temelj na kojem će vaša web stranica stajati. Ako radite na poboljšanju brzine učitavanja svoje web-lokacije, prva stvar koju trebate pogledati je hosting (čak i ako web-lokacija nije na WordPressu).

Postoji bezbroj pružatelja usluga hostinga, a tržište je vrlo konkurentno. Stoga je vrijedno odvojiti malo vremena i odabrati dobar hosting. Charles Costa temeljito pregledan ovo pitanje, popis članaka u nastavku pomoći će vam da krenete u pravom smjeru i svjesno pristupite odabiru pružatelja usluga hostinga:

CDN

Mreža za isporuku sadržaja (CDN) sustav je distribuiranih poslužitelja koji pohranjuju web-stranice i druge web-resurse na temelju geografske lokacije. Obično CDN kopira sve statičke datoteke s vašeg web-mjesta (CSS, JavaScript, medijske datoteke itd.) i dostavlja ih korisnicima što je brže moguće.

Predmemoriranje

Predmemorija je privremena pohrana sadržaja kao što su stranice, slike i druge datoteke uključene u proces renderiranja stranice. Sadržaj se pohranjuje u lokalnoj pohrani korisnika kao predmemorija, a kada se te datoteke ponovno zatraže, stranica se renderira mnogo brže. Postoji i predmemoriranje na strani poslužitelja. Pitanje je tehničko, ali ima mnogo popularnih WordPress dodaci, koji vam pomažu konfigurirati i upravljati predmemorijom vrlo jednostavno. Najpopularniji od njih su W3 Ukupna predmemorija i W.P. Super Cache.

Minifikacija CSS i JS datoteka

Proces umanjivanja sažima CSS i JS datoteke na najmanju moguću veličinu, čime se povećava brzina kojom preglednici učitavaju datoteke. Ako više volite ručno minimizirati svoje CSS i JS datoteke, YUI Compressor će vam dobro doći. Ili možete koristiti WP Minify, koji će obaviti sav posao umjesto vas automatski način rada. Neki dodaci za predmemoriju imaju opciju smanjivanja.

Kompresija slike

osim toga velike datoteke slike znatno usporavaju WordPress stranicu, također se jako začepljuju propusnost mreže. Slike su izvrstan ispitni predmet za optimizaciju. Koristite WPMU DEV WordPress Smush API, dodatak WP SmushIt pomoći će vam da smanjite veličinu svojih slika bez gubitka kvalitete. I sam koristim ovaj dodatak i nevjerojatno mi je koliko smanjuje veličinu slika.

Kompresija stranice

Jednostavnim riječima sažimanje stranice slično je pakiranju stranice ZIP arhiva. A ako korisnik zatraži bilo koju stranicu, preglednik se ponaša kao WinRAR, raspakira arhivu i prikazuje sadržaj. Zvuči kao nešto nepotrebno što će, između ostalog, usporiti vašu stranicu. Vjerujte mi, neće usporiti.

Dodatak W3 Total Cache izuzetno je popularan za predmemoriju, ali se također može koristiti za komprimiranje web stranica. Ovu funkciju možete koristiti tako da odete na: stranicu administratora -> Performanse -> Predmemorija preglednika -> Omogući HTTP (gzip) kompresiju.

Optimizacija baze podataka

WordPress često sprema gotovo sve. Među ovim smećem nalaze se neželjena uređivanja, trackback, pingback, izbrisane datoteke, neodobreni komentari ili komentari označeni kao neželjena pošta.

Baš kao tvoja HDD mogu postati fragmentirane, baze podataka WordPress podaci boluju od iste bolesti. Međutim, možete koristiti dodatak WP-Optimize ili WP-DB Manager za optimizaciju vaše baze podataka. Pomoću najnoviji dodatak ne samo da možete optimizirati bazu podataka, već i postaviti raspored za redovite provjere.

Odabir pravih dodataka

Montaža velika količina dodaci mogu ozbiljno zatrpati vašu stranicu. Nema smisla instalirati ili pohranjivati ​​dodatke koji vam ne trebaju. Provjera dodataka izvrstan je način za ubrzavanje stvari. Dodatke koji su kritični za rad stranice potrebno je ostaviti, a sve ostale ukloniti.

Onemogućavanje pingbackova i trackbackova

Prema zadanim postavkama, kada vas druga stranica spomene, vaša stranica prima obavijest. Takve se obavijesti nazivaju pingbackovi i trackbackovi. Mogu se onemogućiti: stranica administratora -> postavke -> rasprava poništite oznaku dva gornja potvrdna okvira, kao na slici ispod.

Onemogućavanje ove značajke neće oštetiti vaše web mjesto.

Odabir prave teme ili okvira teme

Neke WordPress teme mogu biti vrlo brze s dobro napisanim kodom, dok su druge sasvim suprotno.
Prilikom odabira teme obratite pozornost na brzinu učitavanja demo stranice. Ovo će vam dati ideju kako ova tema utjecat će na ukupnu brzinu učitavanja vaše stranice.

Optimiziranje strukture početne stranice

Odličan način optimizirati početna stranica Ovo je za prikaz samo pregleda članaka, smanjenje broja widgeta i postova na stranici. Ovo ne samo da će povećati brzinu učitavanja stranice, već će također poboljšati cjelokupno korisničko iskustvo stranice. Kao što sam već rekao, imate samo jednu priliku da ostavite prvi dojam.

Omogućavanje Keep-Alive

HTTP Keep-Alive ideja je za korištenje TCP veze za višestruko slanje i primanje HTTP zahtjevi umjesto otvaranja nove veze za svaki zahtjev. Na vašem hostingu ovu funkciju možda već omogućeno, stoga prvo provjerite kod svog ISP-a. Ali ako imate najviše redovni račun, kopirajte donji redak koda u svoju .htaccess datoteku.