Pozdrav svim čitateljima i onima koji su tek otišli na svjetlo. Danas ćemo nastaviti temu i baviti se ubrzanjem stranice. Reći ću vam o svim poznatim načinima koji će ubrzati učitavanje stranice. Često se dogodi da želim pročitati neki zanimljiv materijal na stranici.
Ali nakon što ga otvorim, vidim koliko se stranica učitava, postanem lijen čekati i zatvorim članak. Nemojte mučiti svoje čitatelje i ubrzati učitavanje stranice na Internetu, jer će to utjecati ne samo na povjerenje vaših čitatelja, već i na povjerenje tražilica (). Google, na primjer, posebno voli kažnjavati spore web stranice...
Iskreno priznajem da prije pisanja ovog članka nisam ni na koji način optimizirao stranicu, sada ću zajedno s vama obaviti ovaj posao i vidjeti koliko će se stranica brže učitavati... Sada je ovako: 6,97 sekundi na stranice http://tools.pingdom.com/fpt/, kao i čak 61 sekundu dalje http://sitespeed.ru/– Mislim da to nije istina, ali ova stranica ima određeni autoritet…
Nakon dolje opisanog rada, brzina učitavanja stranice značajno se poboljšala. I to je sa 6,97 sekundi brzina preuzimanja za prvi pokazatelj pala na 1,87. A prema drugom pokazatelju, od 61 sekunde do 12,11 sekundi... Rezultat je jednostavno prekrasan, čak sam i ja iznenađen
Kao što vidite na slici, nisam testirao glavnu stranicu stranice, jer iz tražilica korisnici najčešće dolaze na stranice s materijalom, a ne na glavnu. Pa sam uzeo zadnji članak koji sam napisao i testirao ga...
Također želim dodati da moj pokazuje da je prosječna brzina učitavanja stranice 10 sekundi. Ali ovo je prosjek, tako da će biti nemoguće vidjeti rezultat nakon obavljenog posla. Idemo na lekciju 😉
1. Odabir kvalitetnog hostinga.
Prva stvar o kojoj treba razmišljati je izbor kvalitetnog hostinga. Brzina učitavanja web stranice uvelike ovisi o kvaliteti rada i vremenu odziva vašeg hostinga. Stoga je ovom pitanju potrebno pristupiti vrlo odgovorno.
Srećom po vas, pronašao sam vrlo dobar hosting koji je jeftin i istovremeno dobro radi. O svim mogućim kvarovima, tehničkim radovima se unaprijed upozorava, uvijek reaguje stručnjaci za podršku koji će Vam lako pomoći da prijeđete sa starog zastupnika.
2. Postavljanje Wp-Config.php - Ubrzavanje stranice.
Također vam želim reći o načinu konfiguriranja datoteke wp-config.php, koja je pohranjena u korijenskoj mapi vaše stranice, omogućujući vam da malo smanjite opterećenje hostinga, čime se ubrzava učitavanje stranice na internet:
Pronađite redak u datoteci wp-config.php pomoću programa:
Definiraj("WPLANG", "ru_RU");
Zamijenjeno sa:
If (strpos($_SERVER["REQUEST_URI"], "wp-admin")) define ("WPLANG", "ru_RU"); else define("WPLANG", "ru_RU_lite");
Ovo rješenje će nam omogućiti da smanjimo broj učitanih jezičnih postavki samo na one koje su potrebne, u standardnom kodu učitava previše nepotrebnih parametara.
3. Postavljanje Robots.txt - zabrana indeksiranja nepotrebnih stranica.
Ranije smo govorili o tome i stvorili ga za vlastitu stranicu. Kao što sam rekao, ova datoteka zatvara tražilicama pristup određenim stranicama. Sada želim napraviti neki dodatak koji će zabraniti raznim bugovima ulazak na stranicu, poput grabberova i parsera koji kradu naš sadržaj.
Preporučujem da dodate , neposredno prije retka "Host". Nakon toga, znatno će manje bugova u pretraživanju posjećivati vašu stranicu, čime se smanjuje opterećenje. Osim Yandexa i Googlea, često nam dolazi i Yahoo. Ali nije baš popularan, pa ako ga želite isključiti, napišite sljedeće:
Korisnički agent: Slurp Disallow: /
Isključivanjem indeksiranja stranice na ovaj način možete smanjiti opterećenje na hostingu, a time i ubrzati web stranicu, ali će vas glavne tražilice tretirati jednako dobro kao i prije, možda čak i bolje 😉
4. Ispravak datoteke .htaccess radi smanjenja opterećenja poslužitelja.
.htaccess datoteku je datoteka koja stvara dodatne naredbe za . Što također loše utječe na njega i to smanjuje brzina učitavanja stranice. Hajdemo malo podesiti datoteku da smanjimo opterećenje...
Postavka #1: Vrlo često se informacije kopiraju s naših stranica zajedno sa slikama, kada se to dogodi, na slikama koje se nalaze na našoj stranici ne mijenjaju adrese, stoga se na tuđe kopirane članke slike učitavaju s našeg servera, koji puni ga...
Sada ćemo zabraniti učitavanje slika. Da biste to učinili, u datoteci .htaccess dodajte sljedeći kod na sam vrh:
RewriteEngine na RewriteCond %(HTTP_REFERER) !^http://(.+\.)?yandex\.ru/.*$ RewriteCond %(HTTP_REFERER) !^http://(.+\.)?undsoft\.com /.*$ RewriteCond %(HTTP_REFERER) !^http://(.+\.)?yandex\.net/.*$ RewriteCond %(HTTP_REFERER) !^http://(.+\.)?feedburner\ .com/.*$ RewriteCond %(HTTP_REFERER) !^http://(.+\.)?mail\.ru/.*$ RewriteCond %(HTTP_REFERER) !^http://(.+\.)? poisk\.ru/.*$ RewriteCond %(HTTP_REFERER) !^http://(.+\.)?vaša domena\.ru/.*$ RewriteCond %(HTTP_REFERER) !^$ RewriteRule .*\.(jpe? g|gif|bmp|png)$ - [F]
U tom slučaju, umjesto vaše slike na tuđoj web stranici pojavit će se pogreška.
Postavka #2: Također u datoteci .htaccess možemo naznačiti cachiranje nekih objekata, kako ne bismo prisilili korisnikov preglednik da ih preuzima više puta. Da biste to učinili, u istoj datoteci ispod prvog koda dodajte:
Veličina datotekeETag MTimeExpiresActive na ExpiresDefault "pristup plus 1 godina"
mod_gzip_on Da mod_gzip_dechunk Da mod_gzip_item_include file \.(html?|txt|css|js|php)$ mod_gzip_item_include handler ^cgi-script$ mod_gzip_item_include mime ^text/.* mod_gzip_item_include mime ^text/.* mod_gzip_item_include mime ^text/.* mod_gzip_item_include mime \.(html?|txt|css|js|php)$ mod_gzip_item_include handler ^cgi-script$ mod_gzip_item_include mime ^text/.* mod_gzip_item_include mime ^text/.* mod_gzip_item_include mime ^text/.* .* mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
Postavka #4: Znate li? Većina ovih komentara šalje se automatski, sada ću vam reći kako to spriječiti, pa čak i ubrzati brzinu učitavanja stranice. Samo dodajte kod:
RewriteEngine na RewriteCond %(REQUEST_METHOD) POST RewriteCond %(REQUEST_URI) .wp-comments-post\.php* RewriteCond %(HTTP_REFERER) !.*site.* RewriteCond %(HTTP_USER_AGENT) http:$ Rewrite^Rule (^.*) /%(REMOTE_ADDR)/$
PAŽNJA!!! Ne zaboravite promijeniti adresu web stranice u adresu svoje web stranice...
Postavka #5: Ako koristite FeedBurner sustav, tada ste eksplicitno instalirali koji šalje RSS sadržaj na stranicu. Danas ih možete ukloniti, jer možete preusmjeriti sadržaj bez dodataka, smanjujući opterećenje na hostingu.
RewriteEngine na RewriteCond %(HTTP_USER_AGENT) !FeedBurner RewriteCond %(HTTP_USER_AGENT) !FeedValidator RewriteRule ^feed/?([_0-9a-z-]+)?/?$ http://website
PAŽNJA!!! Ne zaboravite promijeniti URL u URL vašeg feeda u posljednjem retku...
5. Pingovi - ubrzavanje stranice.
U jednom od njih dao sam vam cijeli popis Ping servisa koji obavještavaju tražilice o pojavi svježeg materijala na vašoj stranici. Jedan od blogera provjerio je njihov teret i odlučeno je ostaviti samo ono najpotrebnije:
- http://ping.blogs.yandex.ru/RPC2
- http://blogsearch.google.com/ping/RPC2
- http://blogsearch.google.ru/ping/RPC2
Vjerujte, to će biti dovoljno da tražilice shvate da imate novi materijal... Možete koristiti i druge društvene mreže za postavljanje linkova iz novih članaka, to će također pomoći tražilicama...
6. Optimizacija baze podataka.
Baza podataka je od velike važnosti u brzini učitavanja stranice, jer odatle stranica iskrcava sav sadržaj koji naknadno koristimo... S vremenom se baza podataka začepi i ne treba je samo očistiti od revizija , ali i biti optimiziran. Mogu to učiniti za vas. Ranije sam opisao kako koristiti dodatak, pa ga upotrijebi 😉
7. Optimizacija koda predloška (teme).
Kada ste, vjerojatno niste ni razmišljali o tome da će se to morati prilagoditi. i vi ga koristite, ali nije, sada ću vam dati nekoliko koraka koji će vam omogućiti da optimizirate svoju temu i povećate njezinu brzinu učitavanja.
Postavka #1: Prvo morate smanjiti opterećenje stranice uklanjanjem nepotrebnih poziva bazi podataka. Datoteka Header.php obično koristi standardni umetak:
> ; skup znakova=" />
Može se zamijeniti sa:
Ako na web mjestu koristite ne-UTF-8, tada ga u kodu iza riječi Charset zamijenite svojim kodiranjem.
Postavka #2: Pronađite kod koji je odgovoran za stilove u datoteci header.php:
"type="text/css" media="screen" />
Zamijenjeno sa:
Pažnja!!! Nemojte zaboraviti promijeniti web stranicu u vezu svoje stranice...
Postavka #3: Promjena pinback koda:
" />
Postavka #4: Promijenite RSS feed kod:
RSS Feed"href="" />
Promijeniti:
Postavka #5: Vrlo često u podnožju stranice (footer.php), programeri tema ostavljaju potpuno nepotrebne upite bazi podataka. Na primjer:
Ovaj se kod jednostavno prikazuje, kako ne bi ponovno pristupio bazi podataka, mislim da bi bilo mudrije jednom napisati ime vlastitim rukama i ne učitavati stranicu. Isti kod možete tražiti u drugim odjeljcima stranice, ali prije brisanja razmislite o tome...
Postavka #6: Odmah nakon toga dodajte datoteku header.php:
1) Ako vaša stranica ne koristi komentare, ne biste ih trebali skrivati dodacima, to stvara potpuno nepotreban teret. Budući da vam uopće nisu potrebni komentari, samo uklonite sljedeći kod iz datoteke teme (single.php):
2) Pokušajte ne koristiti vanjske skripte, poput komentara s Vkontaktea, raznih widgeta društvenih mreža. Da, izgleda lijepo i spektakularno, ali stvara pristojno opterećenje na stranici...
3) Također očistite cijeli kod svoje stranice od komentara, ti se komentari ubacuju pomoću oznakai /*šifra/. Ostavite samo ono što vam je potrebno, jer stranica mora uložiti dodatni napor na njihovo učitavanje ...
4) Pokušajte smjestiti sve skripte točno ispred oznake tako da se prvo učita glavna stranica, a tek onda učitavaju skripte. Unatoč činjenici da stranice čije skripte hostiramo preporučuju unos koda nakon
…5) Također pokušajte postaviti sve dodatne kodove kao što je , ili ih smjestite u podnožje stranice, tako da se oni, kao i druge skripte, učitavaju tek u posljednjem koraku ...
Recimo hvala na gornjim savjetima poznatom blogeru Puzatu, jednom sam od njega i uzeo, možda se sjećate ovoga, posudio sam sve što je gore opisano od ovog popularnog blogera...
8. WordPress dodaci - povećavaju brzinu učitavanja stranice.
Kao što mnogi WordPress blogeri koji nam pomažu da sami napravimo web stranicu neprestano pjevaju, dodaci su veliki teret na internetskim resursima. S tim se može i hoće složiti i raspravljati, ali unatoč ovoj izjavi, mogu dati nekoliko savjeta pomoću kojih možete povećati brzinu učitavanja svoje WordPress stranice:
1) Uklonite nepotrebne dodatke... S vremenom se radni dodaci nakupljaju, a kada ih pogledate, iznenadite se koliko je dodataka potrošeno i potpuno nepotrebno...
2) Deaktivirajte nepotrebne dodatke... Pokušajte koristiti što manje Aktiviranih dodataka, na primjer, nije potrebno pustiti ih da rade cijelo vrijeme. Obavio posao - isključio, trebalo je - ponovo uključio ...
9. Optimizacija slike za ubrzanje stranice.
Kada čitatelj dođe do članka, slike su najveći elementi koje stranica mora učitati. Stoga učitavanje slika traje najduže za učitavanje stranice. Kako biste malo olakšali život svojim čitateljima, preporučam da učinite sljedeće:
1) Često su slike prevelike, unatoč kvaliteti. Da biste napravili kompetentan omjer između veličine i kvalitete slika, predlažem da koristite . Pomoću njega možete komprimirati slike na minimalnu veličinu bez gubitka kvalitete!
2) Ne zaboravite navesti veličinu slike prilikom umetanja u članak. Da biste dali obrube slici, dovoljno je u opisu slike odabrati veličinu koja vam je potrebna. Tako će preglednici znati koju veličinu učitati slike i radit će brže...
10. Ubrzavanje stranice s cachiranjem.
Predmemorija – od riječi cache, odnosno spremanje određenih podataka koje treba stalno učitavati. Odnosno, stranica sprema određene podatke, a kada odete na stranicu, korisnikov preglednik jednostavno preuzima spremljene podatke kao stranicu. Stranica ne mora pristupiti poslužitelju i bazi podataka, zatim čekati odgovor, prikupiti potrebne informacije i dati ih na monitor vašeg čitatelja...
2) Dodatak za automatsku optimizaciju— preporučujemo korištenje zajedno s Wp Super Cache. Ne morate raditi nikakve dodatne postavke, samo aktivirajte dodatak, označite okvire u odjeljku “Postavke” -> “Autoptimiziraj” i dodatak će raditi... Budite oprezni, provjerite izvedbu stranice nakon promjene postavki kako biste spriječili sebe od nevolje...
3) Koristite Dodatak za Wp Widget Cache- dodatak koji vam omogućuje predmemoriranje widgeta, što dodatak Wp Super Cache ne može podnijeti. O tome ću pisati malo kasnije, pretplatite se na besplatni bilten lekcija u bloku ispod članka ...
4) Po želji, možete se povezati wp offload dodatak- s kojim možete keširati razne statičke datoteke, uključujući slike. Opisat ću i to malo kasnije... 😉
11. Povećanje brzine učitavanja stranice optimizacijom baze podataka.
Budući da stranica neprestano šalje zahtjeve bazi podataka, samo je trebamo održavati čistom, jer se s vremenom nakuplja ogromna količina smeća, što usporava rad.
Uz pomoć - možete optimizirati bazu podataka i ukloniti smeće. Kako to učiniti napisao sam u prethodnom članku...
Nekoliko sitnica koje će vam zajedno pomoći da ubrzate učitavanje stranice:
- Na glavnoj stranici stranice, samo prikaz, ne morate prikazivati cijele članke ...
- Odvojite vrlo velike članke na stranice pomoću oznake…
- Na glavnoj stranici ne smijete prikazati više od 5-6 članaka...
- Ne biste trebali prikazati više od 50 komentara ispod članka, također koristite prebacivanje stranica između komentara...
- Instalirajte pretraživanje web-mjesta s Googlea ili Yandexa. Stranica će brže tražiti informacije...
To je sve za mene dragi prijatelji, hvala vam na velikom strpljenju, nadam se da ste uživali, vidimo se uskoro… U sljedećem članku obećavam da ću pisati o… Pretplatite se na newsletter ispod… Ćao…
Od autora: Brzina je kvaliteta koju bi sve web stranice trebale imati, a WordPress nije iznimka. Nećete dobiti drugu priliku ostaviti prvi dojam na korisnika. Vrlo je važno osigurati da vaši korisnici nemaju razloga napustiti stranicu prije nego što se ona u potpunosti učita ili zašto se ne žele vratiti na vašu web stranicu.
U ovom članku pokazat ću vam kako učinkovito ubrzati svoju WordPress stranicu s 12 najboljih praksi koje će vam pomoći da povećate performanse svoje stranice.
Odabir dobrog domaćina
Odabir hostinga ima veliki utjecaj na brzinu stranice. Dobar web host temelj je na kojem će stajati vaša web stranica. Ako radite na poboljšanju brzine učitavanja svoje stranice, prva stvar koju trebate pogledati je hosting (čak i ako vaša stranica nije na WordPressu).
Postoji bezbroj hosting usluga i tržište je vrlo konkurentno. Stoga vrijedi izdvojiti malo vremena i odabrati dobar hosting. Charles Costa je detaljno obradio ovo pitanje, sljedeći popis članaka pomoći će vam da krenete u pravom smjeru i svjesno pristupite izboru pružatelja usluga hostinga:
CDN
Mreža za isporuku ili distribuciju sadržaja (CDN) je sustav distribuiranih poslužitelja koji pohranjuju web stranice i druge web resurse na temelju geografske lokacije. Obično CDN kopira sve statične datoteke s vaše stranice (CSS, JavaScript, medijske datoteke itd.) i dostavlja ih korisnicima što je brže moguće.
caching
Predmemorija je privremena pohrana sadržaja kao što su stranice, slike i druge datoteke uključene u proces prikazivanja stranice. Sadržaj se pohranjuje na korisnikovu lokalnu pohranu kao predmemorija, a kada se te datoteke ponovno zatraže, stranica se prikazuje puno brže. Tu je i predmemorija na strani poslužitelja. Ovo je tehničko pitanje, ali postoji mnogo popularnih WordPress dodataka koji vam pomažu da postavite i upravljate cachiranjem na vrlo jednostavan način. Najpopularniji od njih su W3 Total Cache i WP Super Cache.
Minifikacija CSS i JS datoteka
Tijekom procesa minifikacije, CSS i JS datoteke se komprimiraju na najmanju veličinu, čime se povećava brzina učitavanja datoteka preglednicima. Ako više volite ručno minimizirati svoje CSS i JS datoteke, YUI Compressor je pravi način. Ili možete koristiti WP Minify, koji će automatski obaviti sav posao umjesto vas. Neki dodaci za predmemoriju imaju opciju minifikacije.
Kompresija slike
Osim što značajno usporavaju WordPress stranicu, velike slikovne datoteke također opterećuju 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 vaših slika bez gubitka kvalitete. I sam koristim ovaj dodatak i smatram da je nevjerojatno koliko smanjuje veličinu slika.
Kompresija stranice
Jednostavno rečeno, komprimiranje web-mjesta slično je pakiranju web-mjesta u ZIP arhivu. 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 i vašu stranicu. Vjerujte mi, neće usporiti.
Dodatak W3 Total Cache iznimno je popularan za predmemoriju, ali se također može koristiti za komprimiranje web stranica. Ovu značajku možete koristiti tako da odete na: stranica administratora -> Performanse -> Predmemorija preglednika -> Omogući HTTP (gzip) kompresiju.
Optimizacija baze podataka
WordPress često sprema gotovo sve. Ovo smeće uključuje neželjene izmjene, povratne informacije, povratne pingove, izbrisane datoteke, neodobrene komentare ili komentare označene kao neželjena pošta.
Baš kao što vaš tvrdi disk može postati fragmentiran, WordPress baze podataka pate od iste nevolje. Međutim, možete koristiti dodatak WP-Optimize ili WP-DB Manager za optimizaciju svoje baze podataka. Uz pomoć najnovijeg dodatka, ne samo da možete optimizirati bazu podataka, već i postaviti raspored redovitih provjera.
Odabir pravih dodataka
Instaliranje previše dodataka može ozbiljno zatrpati vašu stranicu. Nema smisla instalirati ili spremati dodatke koji vam nisu potrebni. Provjera dodataka izvrstan je način da ubrzate stvari. Dodatke koji su kritični za rad stranice morate ostaviti, a sve ostale treba ukloniti.
Onemogućavanje pingbacka i trackbacka
Prema zadanim postavkama, kada vas druga web-lokacija spomene, vaša web-lokacija dobiva obavijest. Takve se obavijesti nazivaju pingbacks i trackbacks. Mogu se onemogućiti: stranica administratora -> postavke -> rasprava poništite dva gornja potvrdna okvira, kao na snimci zaslona ispod.
Onemogućavanje ove značajke neće naštetiti vašoj web-lokaciji.
Odabir prave teme ili okvira teme
Neke WordPress teme mogu biti vrlo brze i dobro kodirane, dok su druge sasvim suprotne.
Prilikom odabira teme obratite pozornost na brzinu preuzimanja demo stranice. To će vam dati ideju o tome kako će tema utjecati na ukupnu brzinu učitavanja vaše stranice.
Optimizacija strukture početne stranice
Sjajan način za optimizaciju vaše početne stranice je prikazivanje samo pregleda članaka i minimiziranje broja widgeta i postova po stranici. Na taj način ne samo da će se povećati brzina učitavanja stranice, već će se povećati i cjelokupno korisničko iskustvo sa stranice. Kao što sam već rekao, imate samo jednu priliku da ostavite prvi dojam.
Omogućavanje Keep-Alive
HTTP Keep-Alive je ideja korištenja TCP veze za slanje i primanje više HTTP zahtjeva umjesto otvaranja nove veze za svaki zahtjev. Vaš domaćin možda već ima omogućenu ovu značajku, stoga prvo provjerite sa svojim ISP-om. Ali ako imate vrlo običan račun, kopirajte donji redak koda u svoju .htaccess datoteku.
Wordpress je prilično spor na standardnoj instalaciji. Motor prema zadanim postavkama ne koristi neke od značajki modernog weba za svoje značajno ubrzanje. Postoji čitava hrpa dodataka za optimizaciju Wordpressa "a. Posložimo ih i napravimo veliku optimizaciju.
Prije nego što počnemo, pogledajmo što pokazuje gola instalacija Wordpressa od strane Pagespeeda:
Ocjena od 76 od 100 je prilično niska. Pogledajmo koliko možemo povećati ovu brojku.
Serverski dio
Nginx
Ako još ne koristite Nginx, vrijeme je da prijeđete na njega. Jednostavno i moćno rješenje. Konfiguracija za rad s podrškom za stalne veze i statičko cachiranje:Server ( server_name wp.com; root /var/www/wp; # put do WP indeksa index.php; lokacija ~* ^.+\.(ogg|ogv|svg|svgz|eot|otf|woff|mp4|ttf |rss|atom|jpg|jpeg|gif|png|ico|zip|tgz|gz|rar|bz2|doc|xls|exe|ppt|tar|mid|midi|wav|bmp|rtf)$ ( access_log off; log_not_found isključen; ističe max; # statično predmemoriranje ) lokacija / ( try_files $uri $uri/ /index.php?$args; # permalinks ) lokacija ~ \.php$ ( fastcgi_pass unix:/var/run/php5-fpm.sock ; fastcgi_index index.php; uključi fastcgi_params; ) )
PHP predmemorija
Osim ako nemate neki poseban razlog zašto ne možete instalirati APC, svakako ga omogućite. Provjeravamo prisutnost APC-a (kao odgovor dobit ćemo popis postavki APC-a):php -i | grepapc
Verzije PHP-a nakon 5.5 imaju ugrađeni modul opCache, tako da ne morate instalirati APC.
MySQL podešavanje
Wordpress koristi InnoDB, što znači da možemo značajno povećati performanse MySQL-a prilagođavanjem brojnih parametara (my.cnf datoteka) našem hardveru:Veličina međuspremnika InnoDB najbolje je postaviti na polovicu dostupnog RAM-a:
Innodb_buffer_pool_size = 256M
Ne zaboravite omogućiti MySQL caching:
query_cache_size = 32M query_cache_limit = 1M
Naprednije postavljanje MySQL-a za Wordpress.
caching
Ovo je najvažnija točka. Predmemoriranje može dati značajno ubrzanje stranice i uštedjeti resurse poslužitelja. Radi jasnoće, koristit ćemo ab iz Apachea. Provjerimo standardnu instalaciju Wordpressa bez predmemorije. Zahtjeve šaljemo putem lokalne mreže, tako da ništa osim samog Wordpressa ne stvara kašnjenje:Ab -c 10 -n 500 http://wordpress/
Dobivamo prosječno vrijeme po zahtjevu od oko 50 ms:
Ukupno preneseno: 4183000 bajtova HTML preneseno: 4074500 bajtova Zahtjevi u sekundi: 17,62 [#/sec] (srednje) Vrijeme po zahtjevu: 567,421 (srednje) Vrijeme po zahtjevu: 56,742 (srednje, za sve istovremene zahtjeve) Brzina prijenosa: 143
Chrome pokazuje prosječno vrijeme odgovora od 150 ms (poslužitelj se nalazi u Nizozemskoj):
WP SuperCache
Ovaj dodatak vam omogućuje da omogućite predmemoriju u samo jednoj radnji. Osim standardnih postavki, sadrži veliki broj parametara za podešavanje predmemorije. Preuzmite dodatak, aktivirajte ga na upravljačkoj ploči i omogućite predmemoriju:S uključenim WP Super Cache, dobivamo 25-struko smanjenje prosječnog vremena po zahtjevu (!):
Ukupno preneseno: 4293500 bajtova HTML preneseno: 4146500 bajtova Zahtjevi u sekundi: 499,01 [#/sec] (srednje) Vrijeme po zahtjevu: 20,040 (srednje) Vrijeme po zahtjevu: 2,004 (srednje, za sve istovremene zahtjeve) Brzina prijenosa: 61 primljenih.
Prosječno čekanje na odgovor u Chromeu smanjilo se za 3 puta:
Kao alternativa na strani poslužitelja za WP Super Cache, Varnish se može koristiti. Omogućuje vam da smanjite vrijeme obrade zahtjeva za gotovo red veličine, ali samo rješenje je manje fleksibilno (prikladno za blogove bez dinamičkih elemenata).
Stilovi, skripte i slike
Minifikacija i kompresija
CSS/JS minifikacija može uštedjeti 10...15% njihove veličine. Da biste omogućili minimiziranje statike, postoji WP Minify modul. Preuzmite, aktivirajte i modul će početi raditi. Gzip će smanjiti veličinu tekstualnih datoteka za nekoliko puta. U Nginx "e je uključen ovako:Poslužitelj ( ... gzip uključen; gzip_disable "msie6"; gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript application/javascript; ... )
Optimizacija slike
Slike mogu činiti vrlo velik dio ukupne veličine stranice. Kompresija slike bez gubitaka može uštedjeti 30...40% njihove veličine. Modul EVWW Image Optimizer to može učiniti. Da bi to funkcioniralo, morate instalirati imagemagick i gd biblioteku:apt-get install imagemagick php5-gd
Dobre prakse i iskustvo
- Najbolje je odabrati VPS za Wordpress hosting. Na dijeljenom hostingu, mnogo od navedenog je nemoguće učiniti. Osim toga, VPS je sada prilično jeftin.
- Testirajte teme sa Pagespeed prije upotrebe
- Ispraznite košaricu
- Izbrišite stare revizije posta
- Izbrišite neželjene komentare
- Isključite trackback kada stvari postanu jako spore
- Podijelite RSS s feedburnerom
Kao rezultat
Uspjeli smo overclockati golu Wordpress instalaciju za gotovo 100 puta u vremenu generiranja stranice (uključili smo Varnish) i povećati brzinu stranice sa 76 na 93:
Prije ili kasnije, svi webmasteri početnici suočavaju se s problemom brzine učitavanja stranice. Vlasnici WordPress stranica nisu iznimka. Nakon mjesec-dva, sve WordPress stranice počinju "glupiti", a razlog tome može biti mnogo čimbenika. U ovom članku analizirat ćemo glavne razloge i načine za ubrzavanje web stranice na wordpressu.
Navigacija po stranici:
10 savjeta za ubrzanje učitavanja web stranice na WordPre ss
Kako biste ubrzali našu stranicu, morate poduzeti niz radnji. Prvo, analizirajmo brzinu učitavanja naše stranice pomoću pingdom.com.
Ovo će biti naša polazna točka za početak. I koliko god početna brojka bila strašna, nije važno, zahvaljujući našem vodiču smanjit ćete brzinu učitavanja stranice za nekoliko puta.
Nabrojimo kako je moguće ubrzati stranicu na wordpressu:
- gzip kompresija;
- minimizirati css i javascript;
- smanjiti veličinu zaglavlja pregleda;
- čišćenje baze podataka smeća;
- ukloniti dodatni JavaScript;
- koristiti predmemoriju za statički sadržaj;
- css i javascript izgled;
- koristiti poddomene za paralelna preuzimanja;
- odbaciti nepotrebne dodatke;
- odaberite brzi hosting za svoju web stranicu.
Na prvi pogled ima puno posla, ali nakon što shvatite što je što, neće vam trebati više od pola sata, a "ispuh" od putovanja bit će kolosalan. Analizirajmo svaku predloženu stavku detaljnije i ubrzajmo WordPress stranicu.
Preglednici obično primaju stranice web-mjesta u komprimiranom, GZip obliku. Odnosno, kada klijent zatraži, vaš poslužitelj šalje podatke stranice vaše web stranice u arhivu. Nakon toga, korisnikov preglednik uspješno izvlači podatke iz arhive i prikazuje ih na ekranu monitora. Ovaj proces će značajno ubrzati učitavanje vaše stranice, stoga ovu metodu ne treba zanemariti.
Kako provjeriti je li omogućena gzip kompresija
Kako biste provjerili je li kompresija omogućena na vašem poslužitelju, možete koristiti web stranicu whatsmyip.org koja će pokazati jesu li vaši podaci komprimirani i koliko učinkovito.
Ako kao rezultat provjere dobijete sljedeće:
Dakle, vaši su podaci komprimirani i sve radi ispravno za vas.
Koristimo naše kaskadne tablice stilova (CSS) i JavaScript za renderiranje stranice, za što je potrebno puno vremena za učitavanje naše stranice. Da bismo poboljšali i ubrzali naše stilove i skripte, moramo ih smanjiti i dati im minimalnu veličinu.
Kako biste smanjili količinu koda i ubrzali učitavanje stranice WordPress stranice, postoji nekoliko opcija. Upute za koje možete pronaći na našoj web stranici.
Što više komponenti imamo na stranici za učitavanje, kao što su:
- slike;
- skripte;
- flash animacije itd.
sporije će se učitavati. Uostalom, pravilo HTTP/1.1 protokola postavlja ograničenje na istovremeno preuzimanje komponenti s jednog hosta na razini od 2 komada. Tako se naši dijelovi stranice učitavaju polako i u dijelovima. I za ovaj problem postoji rješenje, a mi ćemo ga detaljno analizirati u sljedećoj publikaciji.
Događa se da webmaster iz neznanja ili zaborava zaboravi počistiti bazu podataka koja ima tendenciju pretjeranog rasta, posebno u WordPressu.
Zagađena baza podataka će dovesti do velikih kašnjenja u učitavanju, zbog činjenice da će broj iteracija biti vrlo velik. Ispravno konfigurirana korekcija unosa podataka u bazu podataka i njezine "šljake" pomoći će vam da održite brzinu i čistoću te će vam omogućiti da 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 resursa trećih strana, što uvelike otežava učitavanje stranice. Glavno pravilo odbaciti nepotrebne skripte! Nemojte skočiti na svaku lijepu sliku i svaki dodatak na vašoj web-lokaciji, razmislite o tome i prvo ga testirajte i vidite kako će to utjecati na vašu brzinu.
Savjet 6. Korištenje cachiranja omogućit će vam da ubrzate svoju stranicu na wordpressu
Upotreba predmemorije preglednika također je ključna za ubrzavanje WordPressa. Dodajte što više podataka u predmemoriju koji će se prenijeti korisniku u gotovom obliku, a ne stvarati svaki put iznova, gubeći dragocjeno vrijeme vašeg posjetitelja.
Za korištenje predmemorije postoji nekoliko metoda, čija će implementacija omogućiti vašim redovitim korisnicima da se pouzdano kreću stranicama vaše web stranice bez značajnih kašnjenja.
Za predmemoriju možete koristiti ili neki drugi dodatak koji vam se sviđa.
Savjet 7: ispravno postavite svoj css i javascript.
Za bolje učitavanje stranice povežite sve svoje stilova na vrhu dokumenta, u oznaci
. Ova tehnika će omogućiti pregledniku da postupno učita sav vaš stil bez gubitka ili neželjenih skokova slike. Ne izgleda baš lijepo kada se tekst prvo učita, a tek onda se počinje bacati s jedne strane na drugu, dodajući mu uvlake i zamjenjujući ga navigacijom i drugim dodatnim stilovima stranice.Istodobno, Google preporučuje izostavljanje svih stilskih datoteka na dnu dokumenta, navodno one ometaju učitavanje sadržaja, zapravo jesu. Što odabrati u ovom slučaju? Ovaj će spor pomoći da se riješi mali eksperiment. Ako imate “tešku” CSS datoteku, s ogromnim brojem pravila, i pri učitavanju stranice stranice svi elementi skaču, onda je postavite u zaglavlje, ali ako se ništa ne dogodi kada su stilovi povezani u podnožju, onda je bolje je ostaviti na dnu. Od dva zla morate odabrati manje.
Sav JavaScript, ako je moguće, treba spustiti na dno dokumenta, kako bi proradio u posljednjem koraku i ne bi usporavao učitavanje glavnog sadržaja. To neće toliko ubrzati potpuno učitavanje stranice nego će smanjiti vrijeme utrošeno na formiranje osnove koja je prihvatljiva za pregled, a tek tada će se učitati funkcionalnost.
Savjet 8: Koristite poddomene za paralelna preuzimanja
Kao što je već spomenuto, postoji ograničenje za istovremeno preuzimanje komponenti, stoga koristite što više poddomena za brzo učitavanje grafike. Za vas će to i dalje biti isti host, ali za preglednik će biti drugačiji, što će mu omogućiti brže učitavanje vaših podataka i njihovo postavljanje na namjenska mjesta.
Svaki dodatak i svaki njegov modul usporava učitavanje stranice, odbacite nepotrebne, nepotrebne dodatke čije se radnje mogu zamijeniti ubacivanjem malog koda u vaš motor. To će vas ne samo ubrzati nego i zaštititi od potencijalnog hakiranja.
Pregledajte svoje dodatke, eksperimentirajte i onemogućite ih jedan po jedan i pratite promjene u brzini učitavanja stranice. Ako je razlika velika, ili potpuno odbijte ili pokušajte zamijeniti dodatak drugim koji je sličan po funkcionalnosti.
Predstavljen zasebno.
Pitanje je prilično komplicirano, jer vam svi hosting provajderi obećavaju najbolju brzinu za vas, ali uzmite si vremena i analizirajte nekoliko opcija. Pročitajte recenzije kupaca i pokušajte odabrati ono najbolje za vas u smislu "cijena - kvaliteta".
Naravno, najbolja opcija za veliki projekt bio bi namjenski hosting ili VPS, čiji su troškovi puno veći od običnog hosta, ali prednosti su ogromne.
Konačno:članak detaljno opisuje kako ubrzati web stranicu na wordpressu, koristeći ove savjete možete ubrzati svoju stranicu s vremena na vrijeme, ili čak desetke puta. Troškove provedbe promjene uglavnom snose privremena imovina, a koristi od njih su iznad ikakvih očekivanja.
Svatko želi da se njegove stranice učitavaju i rade što je brže moguće. Ali to se neće dogoditi samo od sebe, pogotovo ako je stranica ispunjena nekim prilično teškim sadržajem i ima ogroman broj ljudi koji ga posjećuju. CMS WordPress nije primjer savršeno brze platforme, ali postoje načini da se ubrza učitavanje stranice. Imajte na umu da to ne utječe samo na lojalnost posjetitelja, već i na poziciju vaše stranice u rezultatima pretraživanja, budući da Google vrijeme učitavanja stranice koristi kao jedan od čimbenika rangiranja.
Brzinu učitavanja stranice možete provjeriti pomoću alata Google Page Speed kako biste pratili stupanj utjecaja svakog koraka, što ćemo analizirati sljedeće.
WordPress optimizacija slike
Bez slika vaša stranica vjerojatno neće uspjeti, stoga je važno da budu optimizirane.
Koristite slike odgovarajućih veličina. Nemojte učitavati velike slike kako biste ih kasnije skalirali za HTML. Provjerite jeste li prenijeli fotografije i druge slike koje nisu veće od veličine koju želite prikazati.
Uklonite sve nepotrebne informacije s fotografija (datum izrade, kamera, GPS koordinate itd. koje se mogu pronaći u svojstvima datoteke). U tome će vam pomoći WordPress dodatak za optimizaciju slika WP Smush.it.
CSS spriteovi su CSS tehnika koja vam omogućuje kombiniranje svih elemenata dizajna na stranici u jednu sliku kako biste ubrzali WordPress. Kao rezultat toga, umjesto preuzimanja mnogo zasebnih slika, svaki put kada podnese HTTP zahtjev, stranica će otvoriti jednu sliku. Možete koristiti CSS sprite ako ih podržava trenutna tema vaše stranice.
Dostupni su mnogi dodaci koji vam pomažu smanjiti veličinu vaših slika. Primjerice, WWWW Image Optimizer ili već spomenuti WP Smush.it. Također možete koristiti usluge trećih strana za smanjenje veličine slika. Na primjer, usluga Tinyjpg izvrsna je u smanjenju veličine slika bez gubitka kvalitete.
Pokažimo vam kako obraditi sve svoje slike uz EBWW Image Optimizer u samo nekoliko klikova:
Nakon što ste instalirali i aktivirali dodatak, idite na svoju WordPress administratorsku ploču i idite na Media >> Bulk Optimization: 
Vidjet ćete opciju za optimizaciju svih slika u biblioteci. Kliknite gumb "Pokreni optimizaciju".
Ako trebate optimizirati sliku izvan biblioteke medija (na primjer, grafiku aktivne teme), upotrijebite gumb Skeniraj i optimiziraj. 
Važno: dodatak vam omogućuje da odredite stupanj kompresije slike. Na primjer, ako imate fotoblog, onda će vrlo dobro optimizirane slike izgubiti kvalitetu.
Kompresija datoteke
Optimizacija WordPress stranice također je moguća kroz kompresiju datoteka. Ako koristite cPanel hosting ploču, možete koristiti izbornik “Optimize website”. 
Vrlo je jednostavan za korištenje: samo odaberite opciju "Compress all content" i kliknite "Ažuriraj postavke". Tako će sve datoteke vaše stranice biti komprimirane. Ako želite komprimirati samo određenu vrstu datoteka, tada upotrijebite opciju "Sažimanje navedenih MIME tipova". 
Keširanje preglednika
Koristeći .htaccess datoteku svoje stranice, možete postaviti razdoblje zadržavanja za statički sadržaj (CSS, Javascript, slike, itd.) u preglednicima. To će uvelike smanjiti vrijeme učitavanja vaše stranice za ponovne posjetitelje.
Otvorite datoteku .htaccess koja se nalazi u korijenskom direktoriju web-mjesta i dodajte sljedeći kod:
ExpiresActive uključeno
ExpiresByType image/jpg "pristup plus 60 dana"
ExpiresByType image/png "pristup plus 60 dana"
ExpiresByType image/gif "pristup plus 60 dana"
ExpiresByType image/jpeg "pristup plus 60 dana"
ExpiresByType text/css "pristup plus 2 tjedna"
ExpiresByType slika/ikona x "pristup plus 2 tjedna"
ExpiresByType application/pdf "pristup plus 1 mjesec"
ExpiresByType audio/x-wav "pristup plus 1 mjesec"
ExpiresByType audio/mpeg "pristup plus 1 mjesec"
ExpiresByType video/mpeg "pristup plus 1 mjesec"
ExpiresByType video/mp4 "pristup plus 1 mjesec"
ExpiresByType video/brzi "pristup plus 1 mjesec"
ExpiresByType video/x-ms-wmv "pristup plus 1 mjesec"
ExpiresByType aplikacija/x-shockwave-flash "pristup 1 mjesec"
ExpiresByType text/javascript "pristup plus 2 tjedna"
ExpiresByType application/x-javascript "pristup plus 2 tjedna"
ExpiresByType aplikacija/javascript "pristup plus 2 tjedna"
Rok trajanja se može mijenjati ovisno o vašim zahtjevima.
Važno: Prije bilo kakvih promjena u .htaccess, napravite sigurnosnu kopiju ove datoteke. Ako nešto pođe po zlu s .htaccess datotekom, stranica neće raditi.
WordPress predmemorija
Ovi dodaci će uvelike poboljšati brzinu učitavanja vaše stranice. Najpopularniji su W3 Total Cache i WP Super Cache. Glavna razlika između njih je što je W3 Total Cache lakše konfigurirati.
Razmotrimo primjer konfiguracije W3 Total Cachea:
Nakon što instalirate dodatak, na svojoj WordPress nadzornoj ploči idite na Dodaci >> Instalirano >> W3 Total Cache >> Postavke. 
Važno: ako ste korisnik dijeljenog hostinga, zapamtite da sve moguće opcije predmemoriranja ne bi trebale biti omogućene u isto vrijeme (izbjegavajte korištenje opcije Uključi ili isključi sve vrste predmemorije (odjednom)). Ako su predmemorija objekata i predmemorija baze podataka omogućeni, oni mogu uzrokovati probleme s korištenjem resursa na vašem hosting računu bez poboljšanja brzine učitavanja stranice. Ali ako je vaša stranica na VPS-u ili namjenskom poslužitelju, to neće utjecati na vas.
U izborniku Postavke omogućite sljedeće opcije:
- Predmemorija stranice
- Umanjiti
- Predmemorija preglednika
Zatim kliknite na gumb "Spremi sve postavke".
Korištenjem dodatka za predmemoriju za WordPress, stranica će se brže učitavati.
Korištenje CDN-a
CDN je mreža za isporuku sadržaja koja se sastoji od poslužitelja koji kopiraju vaše web-mjesto na svim svojim lokacijama. Kada vaši posjetitelji podnose zahtjev web stranici, njima najbliži poslužitelj poslužuje sadržaj, što značajno smanjuje vrijeme odgovora u usporedbi s pristupom glavnom podatkovnom centru davatelja usluga hostinga.
Jedna od najpopularnijih CDN usluga je Cloudflare. To je ono što savjetujemo našim klijentima da koriste i nude zajedno sa svim paketima dijeljenog hostinga.
Sve ostale točke u nastavku ne utječu na brzinu učitavanja stranice koliko na optimiziranje korištenja resursa i cjelokupnog korisničkog iskustva, pa nisu ništa manje važne.
Optimizacija početne stranice
Prvo što ljudi vide na vašoj web stranici je početna stranica. A ako je korisnik odmah došao na neku drugu stranicu, svejedno, mnogi nakon toga idu na glavnu. Nekoliko savjeta za optimizaciju vaše početne stranice:
LazyLoad - dodaci koji pomažu implementirati lijeno učitavanje slika. To vrijedi za web stranice koje imaju puno slika. Učitavanje slike počinje tek kada korisnik skroluje do određenog mjesta na stranici. Stoga, ako stranica ima sliku na samom kraju, a korisnik se jednostavno nije pomaknuo na ovo mjesto, slika se neće učitati. Primjer takvog dodatka je jQuery Image Lazy Load.
Naravno, nećete vidjeti vizualni učinak ovog dodatka, ali on može smanjiti otisak poslužitelja vaše stranice učitavanjem manje informacija za korisnike koji se ne pomiču u potpunosti kroz stranice.
Omogućavanje zaštite od hotlinkinga
Ako se izravna poveznica na sliku koja se nalazi na vašem poslužitelju/mjestu postavi na neku drugu stranicu, svaki put kada netko otvori ovu sliku, zahtjev će ići na vaš poslužitelj i trošiti resurse vašeg računa. Rješenje ovog problema bit će potpuno blokiranje takvih zahtjeva.
Ako ste korisnik cPanela, možete koristiti ugrađenu opciju "Hotlink Protection". 
Također možete omogućiti zaštitu hotlinka pomoću koda .htaccess:
Ponovno napišite motor uključen
RewriteCond %(HTTP_REFERER) !^http://(.+\.)?vaša domena\.com/ RewriteCond %(HTTP_REFERER) !^$
RewriteRule .*\.(jpe?g|gif|bmp|png)$ /images/nohotlink.jpg [L]
Koristeći ovaj kod, vaš poslužitelj provjerava odakle je točno došao zahtjev: ako je sa stranica vaše stranice, onda će bez problema dati sliku korisniku; ako je s tuđe stranice, tada poslužitelj prikazuje sliku s greškom (nohotlink.jpg - bilo koja slika koju želite koristiti u tu svrhu).
To je sve! Ovo su osnovne opcije za optimizaciju WordPress stranice koje od vas neće zahtijevati puno vremena, ali mogu poboljšati performanse vaše stranice.
