Kako podesiti pametne telefone i računare. Informativni portal
  • Dom
  • Windows 10
  • Kako moćno ubrzati svoj wordpress blog? korake za ubrzavanje WordPress-a. Umanjite i kombinujte CSS i Javascript datoteke

Kako moćno ubrzati svoj wordpress blog? korake za ubrzavanje WordPress-a. Umanjite i kombinujte CSS i Javascript datoteke

Pozdrav svim čitaocima i onima koji su tek krenuli na svjetlo. Danas ćemo nastaviti temu i početi ubrzavati stranicu. Reći ću vam o svim metodama koje znam koje će ubrzati učitavanje stranice. Često mi se dešava da poželim da pročitam neki zanimljiv materijal na sajtu.

Ali nakon što ga otvorim, vidim koliko se stranica učitava, osjećam da sam previše lijen da čekam 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 pretraživača (). Google, na primjer, posebno voli kažnjavati inhibitorne stranice...

Iskreno priznajem da prije pisanja ovog članka nisam ni na koji način optimizirao stranicu, sad ću sa vama odraditi ovaj posao i vidjeti koliko će se učitavanje stranice ubrzati... Sada je ovako: 6.97 sekundi na sajtu http://tools.pingdom.com/fpt/, kao i čak 61 sekundu za http://sitespeed.ru/- Mislim da to nije tačno, ali ova stranica ima određeni autoritet...

Nakon obavljenog posla opisanog u nastavku, brzina učitavanja stranice je značajno poboljšana. I to sa 6,97 sekundi, brzina preuzimanja prema prvom pokazatelju pala je 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 sajta, jer sa pretraživača korisnici najčešće idu na stranice sa materijalom, a ne na glavnu stranicu. Stoga sam uzeo zadnji napisani članak i testirao ga...

Takođe bih želeo da dodam da moj pokazuje da je prosečna brzina učitavanja sajta 10 sekundi. Ali ovo je prosjek, tako da će biti nemoguće vidjeti rezultat nakon obavljenog posla. Pređimo na lekciju 😉

1. Odabir kvalitetnog hostinga.

Prva stvar o kojoj treba razmišljati je izbor kvalitetnog hostinga... Brzina učitavanja sajta u velikoj meri zavisi od kvaliteta rada i vremena odziva vašeg hostinga. Stoga je ovom pitanju potrebno pristupiti krajnje odgovorno.

Srećom po vas, pronašao sam vrlo dobar hosting koji je jeftin i dobro radi u isto vrijeme. Na sve eventualne kvarove, tehnički radovi se upozoravaju unapred, uvek reaguje specijalista u toj podršci koji će Vam pomoći da bez problema pređete sa starog zastupnika.

2. Postavljanje Wp-Config.php - Ubrzajte stranicu.

Također bih vam želio reći o načinu na koji možete konfigurirati datoteku wp-config.php, koja je pohranjena u korijenskom folderu vaše stranice, što vam omogućava da malo smanjite opterećenje na hostingu, čime se ubrzava učitavanje stranice na internetu:

Pronađite red u datoteci wp-config.php pomoću programa:

Definirajte ("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čkih postavki samo na one potrebne, u standardnom kodu učitava previše nepotrebnih parametara.

3. Konfiguriranje Robots.txt - zabrana indeksiranja nepotrebnih stranica.

Ranije smo govorili o i kreirali ga za našu vlastitu stranicu. Kao što sam rekao, ovaj fajl sprečava pretraživače da pristupe određenim stranicama. Sada želim napraviti neki dodatak koji će spriječiti razne greške da uđu na stranicu, poput grabberova i parsera koji kradu naš sadržaj.

Preporučujem da dodate, neposredno prije reda "Host". Nakon toga, značajno manje grešaka u pretraživanju će posjetiti vašu web lokaciju, čime se smanjuje opterećenje. Pored Yandexa i Gugla, često nam dolazi i Yahoo. Ali nije baš popularan, stoga, ako želite da ga isključite, napišite sljedeće:

Korisnički agent: Slurp Disallow: /

Zabranom indeksiranja sajta na ovaj način možete smanjiti opterećenje na hostingu, a samim tim i ubrzati sajt, ali će vas glavni pretraživači tretirati kao i do sada, možda čak i bolje 😉

4. Podešavanje .Htaccess datoteke za smanjenje opterećenja na serveru.

Htaccess fajl Je datoteka u kojoj su dodatne naredbe za. Koje takođe loše utiču na njega i to se smanjuje brzina učitavanja web stranice... Hajde da malo podesimo fajl da smanjimo opterećenje...

Postavka #1: Vrlo često se informacije kopiraju sa naših stranica zajedno sa slikama, kada se to dogodi, na slikama koje se nalaze na našoj stranici ne mijenjaju adresu, pa se na tuđe kopirane članke slike učitavaju sa našeg servera, koji se učitava to ...

Sada ćemo zabraniti postavljanje slika. Da biste to učinili, dodajte sljedeći kod na vrh .Htaccess datoteke:

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, greška će se pojaviti na mjestu vaše slike na tuđoj web stranici.

Postavka #2: Takođe u datoteci .Htaccess možemo odrediti keširanje nekih objekata, kako ne bismo prisilili pretraživač korisnika da ih učitava nekoliko puta. Da biste to učinili, u istoj datoteci ispod prvog koda dodajte:

FileETag MTime Size ExpiresActive na ExpiresDefault "pristup plus 1 godina"
mod_gzip_on Da mod_gzip_dechunk Da mod_gzip_item_include fajl \. (html? | txt | css | js | php) $ mod_gzip_item_include rukovalac ^ cgi-script $ mod_gzip_item_include mime ^ text /.* mod_gzip_item_include mime ^ text /.* mod_gzip_ime_include ^ text /.* mod_gzip me_include ^ text /. . * gzip. *

Postavka #4: Da li znate? Većina ovih komentara se šalje automatski, sada ću vam reći kako to spriječiti, pa čak i ubrzati brzinu učitavanja web 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) ^ / $ * Rewrite ) / $

PAŽNJA!!! Ne zaboravite promijeniti adresu stranice u adresu Vaše web stranice...

Postavka #5: Ako koristite FeedBurner sistem, onda ste eksplicitno instalirali koji šalje rss sadržaj na vašu 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: // stranica

PAŽNJA!!! Ne zaboravite promijeniti URL u URL vašeg feeda u posljednjem redu...

5. Pings - ubrzanje web stranice.

U jednom od njih dao sam vam čitavu listu Ping servisa koji obavještavaju tražilice o pojavi svježeg materijala na vašoj web stranici. Jedan od blogera je provjerio njihovo opterećenje i odlučeno je da ostavi samo najpotrebnije:

  • http://ping.blogs.yandex.ru/RPC2
  • http://blogsearch.google.com/ping/RPC2
  • http://blogsearch.google.ru/ping/RPC2

Vjerujte, ovo će biti dovoljno da pretraživači shvate da imate novi materijal... Možete koristiti i druge društvene mreže za objavljivanje linkova iz novih članaka, to će također pomoći pretraživačima...

6. Optimizacija baze podataka.

Baza podataka je od velike važnosti u brzini učitavanja sajta, jer se odatle sa sajta istovaruje sav sadržaj koji mi naknadno koristimo... Vremenom se baza podataka začepi i ne treba je samo očistiti od revizija. , ali i optimizirati. On to može učiniti za tebe. Ranije sam opisao kako se koristi dodatak, pa koristite 😉

7. Optimizacija koda šablona (teme).

Kada ste, verovatno niste ni pomislili da će to morati da se ispravi. i vi ga koristite, ali nije, sada ću vam dati nekoliko koraka koji će optimizirati vašu temu i povećati brzinu njenog učitavanja.

Postavka #1: Prvo morate smanjiti opterećenje stranice uklanjanjem nepotrebnih poziva bazi podataka. Datoteka Header.php obično koristi standardni umetak:

> ; charset =" />

Može se zamijeniti sa:

Ako na web lokaciji koristite ne-UTF-8, onda u kodu iza riječi Charset zamijenite ga svojim vlastitim kodiranjem.

Postavka #2: Pronađite kod koji je odgovoran za stilove u datoteci header.php:

"tip =" tekst / css "medij =" ekran "/>

Zamijenjeno sa:

Pažnja!!! Ne zaboravite da promijenite web lokaciju u link vaše web stranice...

Postavka #3: Promijenite pinback kod:

" />

Postavka #4: Promjena RSS feed koda:

RSS Feed "href ="" />

Promijeniti u:

Postavka #5: Vrlo često u podnožju stranice (footer.php), programeri tema ostavljaju potpuno nepotrebne upite bazi podataka. Na primjer:

Ovaj kod se jednostavno prikazuje, kako ne bi ponovo pristupio bazi, mislim da bi bilo pametnije da jednom napišete ime svojim rukama i ne učitavate sajt. Isti kod se može pretraživati ​​i u drugim dijelovima stranice, ali prije brisanja razmislite...

Postavka # 6: Odmah nakon toga dodajte svoj header.php fajl:

1) Ako vaša stranica ne koristi komentare, ne biste ih trebali skrivati ​​pomoću dodataka, to stvara potpuno nepotrebno opterećenje. Pošto vam uopće nisu potrebni komentari, samo uklonite sljedeći kod iz datoteke teme (single.php):

2) Pokušajte ne koristiti vanjske skripte, kao što su komentari iz Vkontaktea, razni widgeti društvenih medija. Da, izgleda lijepo i impresivno, ali stvara pristojno opterećenje na web mjestu ...

3) Također očistite sav kod Vaše stranice od komentara, ovi komentari se ubacuju pomoću oznakai / * kod /. Ostavite samo ono što vam je potrebno, jer stranica mora potrošiti dodatnu energiju na njihovo učitavanje...

4) Pokušajte postaviti sve skripte neposredno prije oznake tako da se prvo učitava glavna stranica, a tek onda se učitavaju skripte. Unatoč činjenici da stranice, čije skripte hostiramo, preporučuju unošenje koda nakon …

5) Također pokušajte tako postaviti sve dodatne kodove, ili ih smjestite u podnožje stranice tako da se i oni, kao i druge skripte, učitavaju tek zadnji...

Recimo hvala na gore navedenim savjetima poznatom blogeru Puzatu, jednom kad sam i uzeo od njega, možda se sjećate toga, posudio sam sve što je gore opisano od ovog popularnog blogera...

8. WordPress dodaci - povećajte brzinu učitavanja vaše web stranice.

Kako mnogi WordPress blogeri koji nam pomažu da sami napravimo web stranicu neprestano pjevaju, dodaci su veliki teret na internetskim resursima. Možete se i složiti i raspravljati s ovim, ali unatoč ovoj izjavi, mogu vam dati nekoliko savjeta pomoću kojih možete povećati brzinu učitavanja vaše WordPress stranice:

1) Uklonite nepotrebne dodatke... Vremenom se radni dodaci nakupljaju, a kada ih pregledate, iznenadite se koliko se dodataka troši i potpuno su nepotrebni...

2) Deaktivirajte nepotrebne dodatke... Pokušajte koristiti što manje Aktiviranih dodataka, kao što je, na primjer, nije potrebno pustiti ih da rade cijelo vrijeme. Uradio posao - isključio, trebalo je - ponovo uključio...

9. Optimizacija slika za ubrzanje stranice.

Kada čitalac dođe do članka, slike su najveći elementi koje stranica mora učitati. Dakle, učitavanje slika traje najduže za učitavanje stranice. Kako biste malo olakšali život svojim čitaocima, preporučujem vam da učinite sljedeće:

1) Često su slike prevelike, uprkos kvalitetu. Da biste napravili pravi balans između veličine i kvaliteta 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 artikl. Da biste dali obrub slici, dovoljno je da odaberete veličinu koja vam je potrebna u opisu slike. Na taj način će pretraživači znati koju veličinu da učitavaju slike i radit će brže...

10. Ubrzajte stranicu koristeći keširanje.

Keširanje - od riječi cache, odnosno pohranjivanje određenih podataka koje treba stalno učitavati. Odnosno, stranica sprema određene podatke, a prilikom navigacije na stranicu, korisnikov pretraživač jednostavno preuzima sačuvane podatke kao stranicu. Stranica ne mora kontaktirati server i bazu podataka, zatim čekati odgovor, prikupiti potrebne informacije i dati ih na monitor vašeg čitaoca...

2) Autoptimize Plugin- preporučujemo korištenje zajedno sa Wp Super Cache. Ne morate raditi ništa osim postavki, samo aktivirajte dodatak, označite kućice u odjeljku "Postavke" -> "Autoptimiziraj" i dodatak će raditi... Budite oprezni, provjerite funkcionalnost stranice nakon promjene postavki da se spriječiš u nevolji...

3) Koristite Dodatak za Wp Widget Cache- dodatak koji vam omogućava da keširate widgete, koje Wp Super Cache dodatak ne može da obradi. O njemu ću pisati malo kasnije, pretplatite se na besplatno slanje lekcija u bloku ispod članka ...

4) Opciono, možete se povezati Wp Offload dodatak- pomoću kojih možete keširati različite statičke datoteke, uključujući slike. Opisaću i to malo kasnije... 😉

11. Povećanje brzine učitavanja web stranice optimizacijom baze podataka.

Budući da stranica neprestano šalje zahtjeve bazi podataka, samo je trebamo održavati čistom, jer se vremenom u njoj nakuplja ogromna količina smeća, što usporava rad.

Uz pomoć - možete optimizirati bazu podataka i ukloniti smeće. Napisao sam kako se to radi u prošlom članku...

Nekoliko sitnica koje će vam zajedno pomoći da ubrzate učitavanje vaše stranice:

  1. Prikazujte samo na glavnoj stranici stranice, ne morate prikazivati ​​cijele članke...
  2. Paginirajte vrlo velike članke koristeći oznaku
  3. Ne biste trebali prikazati više od 5-6 članaka na glavnoj stranici...
  4. Ne smijete prikazati više od 50 komentara ispod članka, koristite istu stranicu za prebacivanje između komentara...
  5. Instalirajte pretraživanje web stranice sa Googlea ili Yandexa. Stranica će brže tražiti informacije...

Na ovome imam sve drage prijatelje, 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 mailing listu ispod... Ćao. ..

Od autora: brzina je kvaliteta koju bi sve web stranice trebale imati, a WordPress nije izuzetak. Nećete dobiti drugu priliku da ostavite prvi utisak na korisnika. Vrlo je važno osigurati da nema razloga da vaši korisnici napuste stranicu prije nego što se ona u potpunosti učita, ili razloga zbog kojih se ne žele vratiti na vašu web stranicu.

U ovom članku ću vam pokazati kako da efikasno ubrzate svoju WordPress stranicu koristeći 12 najboljih praksi koje će vam pomoći da povećate performanse svoje stranice.

Odabir dobrog hostinga

Odabir hostinga ima ogroman utjecaj na brzinu web stranice. Dobar web hosting je temelj na kojem će stajati vaša web stranica. Ako radite na poboljšanju brzine učitavanja vaše stranice, prva stvar koju treba uzeti u obzir je hosting (čak i ako web lokacija nije WordPress).

Postoji bezbroj hosting provajdera i tržište je veoma konkurentno. Stoga vrijedi izdvojiti malo vremena i odabrati dobar hosting. Charles Costa je temeljno uzeo u obzir ovo pitanje, a sljedeća lista članaka pomoći će vam da krenete u pravom smjeru i donesete informirani izbor pri odabiru hosting provajdera:

CDN

Mreža za isporuku ili distribuciju sadržaja (CDN) je sistem distribuiranih servera koji pohranjuju web stranice i druge web resurse na osnovu geografske lokacije. Tipično, CDN kopira sve statične fajlove sa vaše stranice (CSS, JavaScript, medijske datoteke, itd.) i dostavlja ih korisnicima što je brže moguće.

Keširanje

Keširanje je privremeno skladištenje sadržaja kao što su stranice, slike i druge datoteke koje su uključene u prikazivanje stranice. Sadržaj se pohranjuje na korisnikov lokalni medij kao keš memorija, a stranica se prikazuje mnogo brže kada se te datoteke ponovo zatraže. Postoji i keširanje na strani servera. To je tehničko pitanje, ali postoji mnogo popularnih WordPress dodataka koji čine postavljanje i upravljanje keširanjem vrlo lakim. Najpopularniji od njih su W3 Total Cache i WP Super Cache.

Minifikacija CSS i JS fajlova

Tokom procesa minifikacije, CSS i JS datoteke se komprimiraju na najmanju veličinu, čime se povećava brzina kojom pretraživači preuzimaju datoteke. Ako više volite da ručno minimizirate svoje CSS i JS datoteke, onda je YUI kompresor zgodan. Ili možete koristiti WP Minify, koji će automatski obaviti sav posao umjesto vas. Neki dodaci za keširanje imaju opciju minifikacije.

Kompresovanje slika

Osim činjenice da velike datoteke slika značajno usporavaju vašu WordPress stranicu, one također dosta začepljuju mrežni propusni opseg. Slike su odlična tema za optimizaciju. Koristite WPMU DEV WordPress Smush API, WP SmushIt dodatak će vam pomoći da smanjite veličinu slika bez gubitka kvaliteta. I ja koristim ovaj dodatak i smatram da je neverovatno koliko smanjuje veličinu slika.

Kompresija stranice

Jednostavnim riječima, komprimiranje web lokacije je kao zipovanje stranice u ZIP arhivu. A ako korisnik zatraži bilo koju stranicu, pretraživač se ponaša kao WinRAR, raspakuje arhivu i prikazuje sadržaj. Zvuči kao nešto nepotrebno, što će usporiti i vašu web lokaciju. Vjerujte mi, neće usporiti.

Dodatak W3 Total Cache je izuzetno popularan za keširanje, ali može pomoći i u komprimiranju web lokacija. Ovu funkciju možete koristiti tako što ćete otići na: stranica administratora -> Performanse -> Keširanje pretraživača -> Omogući HTTP (gzip) kompresiju.

Optimizacija baze podataka

WordPress često sprema gotovo sve. Ovo smeće uključuje neželjene revizije, povratne informacije, pingbackove, izbrisane datoteke, neodobrene komentare ili komentare označene kao neželjena pošta.

Baš kao što vaš hard disk može postati fragmentiran, WordPress baze podataka pate od iste bolesti. Međutim, možete koristiti dodatak WP-Optimize ili WP-DB Manager da optimizirate svoju bazu podataka. Uz najnoviji dodatak, ne samo da možete optimizirati svoju bazu podataka, već i postaviti raspored redovnih provjera.

Odabir pravih dodataka

Instaliranje velikog broja dodataka može ozbiljno zatrpati vašu web lokaciju. Nema smisla instalirati ili pohranjivati ​​dodatke koji vam nisu potrebni. Provjera dodataka je odličan način da ubrzate stvari. Dodaci koji su kritični za rad stranice moraju biti ostavljeni, a svi ostali moraju biti uklonjeni.

Onemogućite pingbackove i trackbackove

Prema zadanim postavkama, kada vas druga stranica spomene, vaša stranica će biti obaviještena o tome. Takve obavijesti se nazivaju pingbacks i trackbacks. Mogu se onemogućiti: administratorska stranica -> postavke -> diskusija poništite dva gornja polja za potvrdu, kao na slici ispod.

Onemogućavanje ove funkcije neće naštetiti vašoj web stranici.

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 pažnju na brzinu učitavanja demo stranice. Ovo ć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 da optimizirate svoju početnu stranicu je da prikažete samo preglede članaka i minimizirate broj widgeta i postova po stranici. Dakle, ne samo da će se povećati brzina učitavanja stranice, već će se povećati i cjelokupno korisničko iskustvo stranice. Kao što sam već rekao, imate samo jednu priliku da ostavite prvi utisak.

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š hosting možda već ima omogućenu ovu funkciju, pa prvo provjerite sa svojim provajderom. Ali ako imate običan nalog, kopirajte donji red koda u svoju .htaccess datoteku.

Wordpress je prilično spor u standardnoj instalaciji. Po defaultu, motor ne koristi neke od mogućnosti modernog Weba da bi značajno ubrzao svoje performanse. Postoji čitava gomila dodataka za optimizaciju WordPress-a. Hajde da ih očistimo i uradimo neke velike optimizacije.

Prije nego što počnemo, hajde da vidimo šta pokazuje gola Wordpress instalacija od strane Pagespeed-a:

Rezultat od 76 od 100 je prilično nizak. Hajde da vidimo koliko se ovaj pokazatelj može povećati.

Serverski dio

Nginx
Ako još ne koristite Nginx, vrijeme je da pređete na njega. Jednostavno i moćno rješenje. Konfiguracija za rad sa podrškom za stalne veze i statičko keširanje:

Server (ime_servera 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 keširanje) 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 keš memorija
Osim ako nemate neki poseban razlog zašto ne možete instalirati APC, obavezno ga omogućite. Provjeravamo prisutnost APC-a (kao odgovor, dobit ćemo listu postavki APC-a):

Php -i | grep apc

PHP verzije nakon 5.5 imaju ugrađeni opCache modul, tako da nećete morati da instalirate APC.

Tuning Mysql
Wordpress koristi InnoDB, što znači da možemo značajno povećati performanse MySQL prilagođavanjem brojnih parametara (my.cnf fajl) za naš hardver:

Bolje je postaviti InnoDB veličinu bafera na polovinu dostupne RAM-a:

Innodb_buffer_pool_size = 256M

Ne zaboravite omogućiti MySQL keširanje:

Query_cache_size = 32M query_cache_limit = 1M

Naprednije MySQL podešavanje za Wordpress.

Keširanje

Ovo je najvažnija tačka. Keširanje može značajno ubrzati vašu stranicu i uštedjeti resurse servera. Radi jasnoće, koristićemo ab iz Apache-a. Provjerimo standardnu ​​Wordpress instalaciju bez keširanja. Zahtjeve šaljemo preko lokalne mreže, tako da kašnjenje ne stvara ništa osim samog Wordpress-a:

Ab -c 10 -n 500 http: // wordpress /

Dobijamo prosječno vrijeme zahtjeva od oko 50ms:

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: 8 primljenih 14

Chrome pokazuje prosječno čekanje odgovora od 150 ms (server se nalazi u Holandiji):

WP Super Cache
Ovaj dodatak vam omogućava da omogućite keširanje u doslovno jednom koraku. Pored standardnih postavki, sadrži veliki broj parametara za podešavanje keša. Preuzmite dodatak, aktivirajte ga na kontrolnoj tabli i omogućite keš memoriju:

Sa uključenim WP Super Cache, dobijamo 25 puta smanjenje prosečnog vremena po zahtevu (!):

Ukupno preneseno: 4293500 bajtova HTML preneseno: 4146500 bajtova Zahtjevi u sekundi: 499,01 [# / sec] (srednje) Vrijeme po zahtjevu: 20,040 (prosječno) Vrijeme po zahtjevu: 2,004 (prosječno, za sve istovremene zahtjeve)4 Brzina prijenosa: 118 primljenih

Prosječna očekivanja odgovora u Chromeu se smanjila za 3 puta:

Varnish se može koristiti kao alternativa na strani servera za WP Super Cache. Omogućava 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
Umanjivanje CSS / JS može uštedjeti 10-15% njihove veličine. Da biste omogućili minimizaciju statike, postoji WP Minify modul. Preuzmite, aktivirajte i modul će početi s radom. Gzip će nekoliko puta smanjiti veličinu tekstualnih datoteka. U Nginxu, "e je uključen ovako:

Server (... gzip uključen; gzip_disable "msie6"; gzip_types tekst / običan tekst / css aplikacija / json aplikacija / x-javascript tekst / xml aplikacija / xml aplikacija / xml + rss tekst / javascript aplikacija / javascript; ...)

Optimiziranje slika
Slike mogu činiti vrlo veliki dio ukupne veličine stranice. Kompresija slika bez gubitaka može uštedjeti 30 ... 40% njihove veličine. To radi modul EWWW Image Optimizer. Da bi funkcionisao, potrebno je da instalirate imagemagick i gd biblioteku:

Apt-get install imagemagick php5-gd

Dobra praksa i iskustvo

  • Najbolje je odabrati VPS za Wordpress hosting. Na dijeljenom hostingu, mnogo od navedenog je nemoguće. Osim toga, VPS je sada prilično jeftin.
  • Testirajte teme sa Pagespeed prije upotrebe
  • Ispraznite korpu
  • Uklonite stare revizije posta
  • Uklonite neželjene komentare
  • Onemogućite trackback kada stvari postanu jako spore
  • Pošaljite RSS putem feedburnera

Kao rezultat

Uspeli smo da overklokujemo golu Wordpress instalaciju za skoro 100 puta u vremenu generisanja stranica (uključili smo Varnish) i povećali brzinu stranice sa 76 na 93:

Prije ili kasnije, svi početnici webmasteri suočeni su s problemom brzine učitavanja stranica web stranice. Vlasnici WordPress stranica nisu izuzetak. Nakon mjesec-dva, sve WordPress stranice počinju da "tupe", a razlog tome može biti mnogo faktora. U ovom članku ćemo analizirati glavne razloge i načine za ubrzavanje wordpress stranice.


Navigacija stranice:

10 savjeta kako ubrzati svoju web stranicu pomoću WordPre-a ss

Da biste ubrzali našu stranicu, potrebno je poduzeti niz radnji. Prvo, analizirajmo brzinu učitavanja naše stranice koristeći pingdom.com.

Ovo će biti naša polazna tačka za početak. I koliko god početna brojka bila strašna, nije bitno, zahvaljujući našem vodiču značajno ćete smanjiti brzinu učitavanja web stranice.

Hajde da navedemo kako možete ubrzati svoju wordpress stranicu:

  • gZIP kompresija;
  • minimizirati css i JavaScript;
  • smanjenje veličine naslova recenzije;
  • čišćenje baze podataka od smeća;
  • uklonite nepotreban JavaScript;
  • koristiti keširanje za statički sadržaj;
  • css i JavaScript izgled;
  • koristiti poddomene za paralelno preuzimanje;
  • odustati od nepotrebnih dodataka;
  • odaberite brzi hosting za svoju web stranicu.

Na prvi pogled ima puno posla, ali ako smislite šta da radite, neće vam trebati više od pola sata, a "auspuh" sa pređenog puta biće kolosalan. Pogledajmo pobliže svaku predloženu tačku i ubrzamo WordPress stranicu.

Pretraživači obično primaju stranice web stranice u komprimiranom, GZip obliku. Odnosno, kada klijent to zatraži, vaš server šalje podatke vaše stranice stranice u arhivu. Nakon toga, korisnikov pretraživač uspješno izdvaja podatke iz arhive i prikazuje ih na ekranu monitora. Ovo proces će značajno ubrzati učitavanje vaše stranice, pa nemojte zanemariti ovu metodu.

Kako provjeriti da li je gzip kompresija omogućena

Kako biste provjerili da li je kompresija omogućena na vašem serveru, možete koristiti web stranicu whatsmyip.org koja će pokazati da li se vaši podaci komprimiraju i koliko su efikasni.

Ako provjera rezultira sljedećim:

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 prikazivanje stranice, potrebno je 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 na WordPress stranici, postoji nekoliko opcija. Upute za koje možete pročitati na našoj web stranici.

Što više komponenti imamo na stranici za preuzimanje, kao što su:

  • slike;
  • skripte;
  • flash animacije itd.

sporije se učitava. Uostalom, pravilo HTTP / 1.1 protokola postavlja ograničenje istovremenog preuzimanja komponenti s jednog hosta na razinu od 2 komada. Tako se naši dijelovi stranice učitavaju sporo i po dijelovima. Postoji i rješenje za ovaj problem, a mi ćemo ga detaljno analizirati u sljedećoj publikaciji.

Dešava se da webmaster iz neznanja ili zaborava zaboravi očistiti bazu podataka, koja ima tendenciju pretjeranog rasta, posebno u WordPressu.

Prljava baza podataka će dovesti do velikih kašnjenja učitavanja, zbog činjenice da će broj pretraga biti vrlo velik. Ispravno konfigurisana korekcija unosa podataka u bazu podataka i to iz "šljake" će vam pomoći da održite brzinu i čistoću, omogućiće vam da prilično dobro ubrzate sajt na wordpress-u.

Danas postoji mnogo različitih dodataka na našim stranicama, sve vrste widgeta učitavaju ogromnu količinu podataka sa resursa trećih strana, što uvelike otežava učitavanje stranice. Glavno pravilo odustanite od nepotrebnih skripti! Ne treba žuriti sa svakom prelepom slikom i svakim dodatkom na vašem sajtu, prvo razmislite i testirajte to i vidite kako će to uticati na vašu brzinu.

Savjet 6. Upotreba keširanja omogućit će vam da ubrzate svoju stranicu na wordpress-u

Korišćenje keširanja pretraživača je takođe ključno za ubrzanje rada WordPress-a. Dodajte u keš što više podataka koji će biti prenijeti korisniku u gotovom obliku, a ne svaki put iznova, gubeći dragocjeno vrijeme vašeg posjetitelja.

Da biste koristili keširanje, postoji nekoliko metoda, čija će implementacija omogućiti vašim redovnim korisnicima da se pouzdano kreću kroz stranice vaše web stranice bez značajnih kašnjenja.

Za keširanje možete koristiti ili neki drugi dodatak koji vam se sviđa.

Savjet 7. Postavite svoj css i JavaScript ispravno.

Za najbolje učitavanje stranice povežite sve svoje stilova na vrhu dokumenta, u oznaci ... Ova tehnika će omogućiti pretraživaču da postepeno učitava cijeli vaš stil, bez gubitka i neželjenih skokova slika. Ne izgleda baš lijepo kada se tekst prvi put učita, pa tek onda počinje da se baca s jedne na drugu stranu, dodajući mu uvlake i zamjenjujući ga navigacijom i drugim dodatnim stilistikom stranice.

Istovremeno, Google preporučuje izostavljanje svih stilskih fajlova na dnu dokumenta, jer navodno ometaju učitavanje sadržaja, u stvari jeste. Šta odabrati u ovom slučaju? Mali eksperiment će pomoći da se razriješi ova debata. Ako imate "tešku" CSS datoteku, sa 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 se stilovi povežu u podnožju, onda bolje je ostaviti na dnu. Od dva zla potrebno je izabrati manje.

Sav JavaScript, ako je moguće, treba spustiti niz dokument kako bi se pokrenuo posljednji i ne usporava učitavanje glavnog sadržaja. To neće toliko ubrzati učitavanje stranice, koliko će smanjiti vrijeme utrošeno na formiranje osnove, prihvatljive za pregled, pa će se tek tada učitati funkcionalnost.

Savjet 8. Koristite poddomene za paralelna preuzimanja

Kao što je spomenuto, postoji ograničenje za istovremeno preuzimanje komponenti, pa koristite što je moguće više poddomena da brzo učitate svoju grafiku. To će biti isti host za vas, ali drugačiji za pretraživač, što će mu omogućiti da brže učitava vaše podatke i postavlja ih na određena mjesta.

Svaki dodatak i svaki njegov modul usporava učitavanje stranice, odustaje od nepotrebnih, nepotrebnih dodataka čije se radnje mogu zamijeniti ubacivanjem malog koda u vaš motor. Ovo će vas ne samo ubrzati, već će vas i zaštititi od potencijalnog hakovanja.

Pregledajte svoje dodatke, eksperimentirajte i onemogućite ih jedan po jedan i pratite promjene u brzini učitavanja stranice. Ako je razlika velika, ili je potpuno napustite ili pokušajte zamijeniti dodatak drugim koji je sličan po funkcionalnosti.

Predstavljen odvojeno.

Pitanje je prilično teško, 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 - kvalitet".

Naravno, najbolja opcija za veliki projekat bio bi namjenski hosting ili VPS, čiji su troškovi mnogo veći od običnog hosta, ali koristi su ogromne.

konačno:članak detaljno opisuje kako ubrzati web stranicu na wordpressu, koristeći ove savjete možete ubrzati svoju web stranicu nekoliko puta, pa čak i desetine puta. Troškove implementacije promjene uglavnom snose privremena sredstva, a koristi od njih su veće od svih očekivanja.

Svi žele da se njihove stranice učitavaju i rade što je brže moguće. Ali to se neće dogoditi samo od sebe, pogotovo ako je stranica prepuna prilično teškim sadržajem i veliki broj ljudi je posjećuje. CMS WordPress nije primjer savršeno brze platforme, ali postoje načini da se ubrza učitavanje web stranice. Imajte na umu da ovo utiče ne samo na lojalnost posjetitelja, već i na rangiranje vaše stranice u rezultatima pretraživanja, jer Google koristi vrijeme učitavanja stranice kao faktor rangiranja.

Brzinu učitavanja web stranice možete provjeriti pomoću alata Google Page Speed ​​kako biste pratili stupanj utjecaja svakog koraka, koji ćemo analizirati u nastavku.

Optimizacija WordPress slika

Malo je vjerovatno da će vaša stranica proći bez slika, pa je važno da budu optimizirane.

Koristite slike odgovarajućih veličina. Nemojte učitavati velike slike da biste ih kasnije skalirali za HTML. Pobrinite se da otpremite fotografije i druge slike koje nisu veće od onoga što želite da prikažete.

Uklonite sve nepotrebne informacije sa fotografija (datum kreiranja, kameru, 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.

Ubrzajte WordPress pomoću CSS sprijtova, CSS tehnike koja vam omogućava da kombinujete sve elemente dizajna na stranici u jednu sliku. Kao rezultat, umjesto učitavanja mnogo pojedinačnih slika svaki put kada napravi HTTP zahtjev, stranica će otvoriti jednu sliku. Možete koristiti CSS sprijtove ako ih podržava trenutna tema vaše stranice.

Dostupni su mnogi dodaci koji će vam pomoći da smanjite veličinu vaših slika. Na primjer, EWWW Image Optimizer ili već spomenuti WP Smush.it. Također možete koristiti usluge trećih strana da smanjite veličinu slika. Na primjer, usluga Tinyjpg je odlična u smanjenju veličine slika bez gubitka kvaliteta.

Hajde da vam pokažemo kako obraditi sve svoje slike pomoću EWWW Image Optimizer-a u samo nekoliko klikova:

Nakon što instalirate i aktivirate dodatak, idite na svoj WordPress admin panel i idite na Media >> Bulk Optimization:


Vidjet ćete opciju za optimizaciju svih slika u biblioteci. Kliknite na dugme "Pokreni optimizaciju".

Ako trebate optimizirati sliku izvan biblioteke medija (na primjer, grafičke elemente aktivne teme), koristite dugme Skeniraj i optimiziraj.


Važno: dodatak vam omogućava da definišete stepen kompresije slike. Na primjer, ako imate fotoblog, onda će vrlo dobro optimizirane slike izgubiti kvalitet.

Kompresovanje fajlova

Optimizacija WordPress stranice je moguća i kroz kompresiju datoteka. Ako koristite cPanel hosting panel, možete koristiti meni „Optimiziraj web stranicu“.


Vrlo je jednostavan za korištenje: samo odaberite opciju “Compress All Content” i kliknite “Update Settings”. Ovo će komprimirati sve datoteke na vašoj web lokaciji. Ako želite da komprimirate samo određenu vrstu datoteka, onda koristite opciju „Kompresuj navedene MIME tipove“.

Keširanje pretraživača

Koristeći .htaccess datoteku vaše stranice, možete prilagoditi period zadržavanja za statički sadržaj (CSS, Javascript, slike, itd.) u pretraživačima. Ovo će dramatično smanjiti vrijeme učitavanja vaše stranice za ponovne posjetitelje.

Otvorite datoteku .htaccess koja se nalazi u korijenskom direktoriju stranice 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 sedmice"
ExpiresByType slika / ikona x "pristup plus 2 sedmice"
ExpiresByType aplikacija / 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 / quicktime "pristup plus 1 mjesec"
ExpiresByType video / x-ms-wmv "pristup plus 1 mjesec"
ExpiresByType aplikacija / x-shockwave-flash "pristup 1 mjesec"
ExpiresByType tekst / javascript "pristup plus 2 sedmice"
ExpiresByType aplikacija / x-javascript "pristup plus 2 sedmice"
ExpiresByType aplikacija / javascript "pristup plus 2 sedmice"

Rok trajanja se može mijenjati ovisno o vašim zahtjevima.

Bitan: Pre nego što izvršite bilo kakve izmene u .htaccess, napravite rezervnu kopiju ove datoteke. Ako nešto krene po zlu sa .htaccess datotekom, stranica neće raditi.

WordPress keširanje

Takvi 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 u tome što W3 Total Cache omogućava fleksibilnije prilagođavanje.

Pogledajmo primjer postavljanja W3 Total Cachea:

Nakon što instalirate dodatak, na vašoj WordPress kontrolnoj tabli idite na Dodaci >> Instalirano >> W3 Total Cache >> Postavke.


Važno: ako ste korisnik dijeljenog hostinga, zapamtite da sve moguće opcije keširanja ne bi trebale biti omogućene u isto vrijeme (izbjegavajte korištenje opcije Uključi ili isključi sve vrste keširanja (odjednom)). Ako su keširanje objekata i keširanje baze podataka omogućeno, oni mogu uzrokovati probleme u korištenju resursa vašeg hosting naloga bez poboljšanja brzine učitavanja stranice. Ali ako je vaša stranica na VPS ili namjenskom serveru, to neće uticati na vas.

U meniju Postavke omogućite sljedeće opcije:

  • Page Cache
  • Minify
  • Keširanje pretraživača

Zatim kliknite na dugme "Sačuvaj sve postavke".

Korištenjem dodatka za keširanje 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 servera koji kopiraju vašu web lokaciju na svim svojim lokacijama. Kada vaši posjetitelji upućuju zahtjev na stranicu, njima najbliži server servira sadržaj, što značajno smanjuje brzinu odgovora u odnosu na poziv u glavni data centar hosting provajdera.

Jedan od najpopularnijih CDN servisa je Cloudflare. To je ono što savjetujemo našem klijentu da koristi i nudi zajedno sa svim virtuelnim hosting paketima.

Sve ostale tačke u nastavku ne utiču na brzinu učitavanja stranice koliko na optimizaciju resursa i ukupno korisničko iskustvo, tako da su jednako važne.

Optimizacija početne stranice

Prva stvar koju ljudi vide na vašoj web stranici je vaša početna stranica. A ako je korisnik odmah došao na neku drugu stranicu, svejedno, mnogi nakon toga idu na glavnu stranicu. Evo nekoliko savjeta za optimizaciju vaše početne stranice:

LazyLoad - dodaci koji pomažu lijenom učitavanju slika. Ovo važi za sajtove sa puno slika. Slika počinje da se učitava tek kada korisnik skroluje do određenog mesta na stranici. Stoga, ako se na samom kraju stranice nalazi slika, a korisnik jednostavno nije skrolovao do ovog mjesta, slika se neće učitati. Primjer takvog dodatka je jQuery Image Lazy Load.

Naravno, nećete vidjeti nikakav vizualni efekat od ovog dodatka, ali on može smanjiti potrošnju resursa vašeg servera tako što učitava manje informacija za korisnike koji ne skroluju u potpunosti kroz stranice.

Omogućavanje zaštite hotlinkinga

Ako se direktna veza do slike koja se nalazi na vašem serveru/sajtu postavi na neki drugi sajt, onda svaki put kada neko otvori ovu sliku, zahtev će ići na vaš server i trošiti resurse vašeg naloga. Rješenje ovog problema je potpuno blokiranje takvih zahtjeva.

Ako ste korisnik cPanela, možete koristiti ugrađenu opciju “Hotlink Protection”.


Također možete omogućiti zaštitu hotlinkinga pomoću .htaccess koda:

RewriteEngine On
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š server provjerava tačno odakle je došao zahtjev: ako sa stranica vašeg sajta, onda će bez problema dati sliku korisniku; ako je sa tuđeg sajta, server prikazuje sliku sa greškom (nohotlink.jpg - bilo koja slika koju želite da koristite u tu svrhu).

To je sve! Ovo su osnovne opcije optimizacije WordPress stranice koje vam neće oduzeti puno vremena, ali mogu poboljšati performanse vaše stranice.

Top srodni članci