Cum de a crește viteza de descărcare de pe WordPress
Salutări! În articolul meu despre cauzele ratei de respingere au fost luate în considerare la site-ul pe care vizitatorii pot părăsi blog-ul. Una dintre principalele - este viteza scăzută a resurselor de încărcare de pagini. Azi vom analiza în detaliu diferitele moduri de modul de a preveni această problemă și pentru a crește viteza de download de WordPress. De asemenea, vom afla cum serviciul Google PageSpeed Insights poate ajuta la optimizarea blog-ul.
Eu invit cititorii mei să meargă la un traseu de yoga, care mă va duce în Caucaz. Barbatii sunt un bonus frumos! Citește mai mult aici.
Metode de accelerare a activității blogului
Editați fișierul .htaccess
Ne găsim în fișierul .htaccess site-ul rădăcină și deschide pentru editare. Aici vom adăuga o echipă, care va reduce încărcarea pe server și a accelera descărcarea de WordPress.
Se recomandă să se specifice cache pentru obiecte individuale ale resurselor dumneavoastră. Pentru a face acest lucru, inserați următorul cod la sfârșitul fișierului, dar înainte de «# ENDWordepress»:
Apoi se adaugă un alt:
Activați compresia gzip a fișierelor. Acesta este un tip special de HTML-pagini comprimate pentru serverul mod brauzerov.Takim de fiecare dată Arhivele relevante fișiere text, le trimite la computer și browser-ul atunci când le primesc automat decompresia. Gzip funcționează numai cu text. Pentru a activa comprimarea, pune codul în fișierul .htaccess:
Ulterior, volumul de trafic transmis de către browser-ul scade în mod semnificativ.
Notă: în loc de „numele site-ului dvs.“, trebuie să specificați numele domeniului.
Noi folosim plugin-uri de cache
Pe lângă un mod eficient de a accelera WordPress blog - să profite de plug-in cache. Odată ce un vizitator ajunge pe site-ul dvs., CMS forme de piese individuale ale PHP-cod pe care este scris, un sistem integrat HTML-pagină și trece-l browser-ul utilizatorului. Caching evită necesitatea pentru fiecare solicitare face din nou acest loc de muncă, și, astfel, reduce sarcina pe server. După activarea copiei generat de plugin al paginii va rămâne pe găzduirea resursei într-un dosar special. Și următorul apel la această pagină va încărca o copie salvată.
Unul dintre cache plug-in mai ușor de utilizat, care poate accelera în mod semnificativ pe site-ul de încărcare WordPress, este HyperCache. instalarea și configurația sa descris în detaliu în articolul meu pe paginile cache.
Optimizarea bazei de date
comprima imagini
Asigurați-vă că utilizați în fișierele imagine blog cu optime „dimensiune - calitate“. Pentru a realiza aceasta, puteți utiliza opțiunea Photoshop - «SaveForWeb» ( «Salvare pentru Web»).
.png sunt grele de încărcare și lent. Utilizați acest format numai pentru grafica mici și imagini cu un fundal transparent. În alte cazuri, extensia .jpg mai adecvată.
Dacă doriți să automatizeze procesul de formare a imaginii de pe site-ul dvs., WordPress oferă posibilitatea de a alege una dintre respectivele plug-in-uri. Printre cele mai populare - WP-Smush.
După activarea acestui plugin, toate imaginile sunt descărcate într-o resursă va fi comprimat în mod automat.
Pentru compresia imaginilor existente folosim posibilitatea de prelucrare a lot. Pentru a face acest lucru, mergeți la „Media» - «WPSmush». Pe pagina imediat după ce unitatea de setare ( «Setări») ar trebui să fie «Smushinbulk» bloc. Făcând clic pe «BulkSmushNow», vom începe procesul de comprimare a imaginilor. Puteți folosi, de asemenea, link-ul de la „fișierele de bibliotecă“, dacă dorim să optimizeze imaginile individuale.
optimiza codul
Modul următor pentru a accelera site-ul HTML pe compresa WordPress- și script-uri. Noi folosim plugin-ul Autoptimize.
Plugin-ul integrează toate fișierele CSS-stiluri și js-script-uri într-un singur fișier - cu extensia .js .cssili respectiv. Le stochează pe server, și locuri de link-uri pentru a le în documentul HTML. Și codul HTML șterge din spațiile suplimentare și pauzele de linie. Pe pagina de setări Autoptimize ne bifăm parametrii necesari pentru optimizare.
Creați un site mobil
Recomandări suplimentare pentru accelerarea site-ului:
Cum de a lucra cu serviciul Google PageSpeed Insights
Rezultatul va fi format în câteva secunde. Acesta constă dintr-un scor de 100 pe o scala de la, viteză, precum și motivele pentru munca lent recomandărilor făcute de Google. Ei vor indica ce metode ar trebui să utilizați pentru a accelera site-ul de încărcare WordPress.
Asta e tot. Astăzi, am analizat principalele motive pentru activitatea lentă a blogului și depanare în conformitate cu GooglePageSpeedInsights. Dacă utilizați metode de optimizare listate, se va accelera în mod semnificativ încărcarea site-ului în WordPress.
style = "display: block"
date ad-client = "ca-pub-9438111339940585"
date ad-Slot = "6025635352"
data-ad-format = "auto">
background: url ( '/images/spinner.gif') no-repeat 50% 50%;
Marja: -16px 0 0 -16px;
2. transporta toate stilurile și script-uri pentru a le plasa (dacă este mai bine să js css)
3.vstavlyaete astfel încât în cazul în care, așa cum ar fi un site pentru a încărca cod care se stinge scriptul preîncărcare. Fac jQuery pentru a încărca.
$ (Fereastră) .ON ( 'încărcare', funcția ()
var $ preloader = $ ( '# page-preîncărcare'),
$ Spinner = $ preloader.find ( '.spinner');
$ Preloader.delay (350) .fadeOut ( 'lent');
4. Acum, introduceți comutatorul în codul preîncărcare al paginii. La foarte, foarte sus. și imediat
Asta e tot. Se incarca site-ul este acoperit de imaginea de sus. Notă linia -16px. Aici, lățimea imaginii preîncărcare este împărțită la 2. De exemplu, dacă un preloader 64 la 64px atunci valoarea va fi -32 și aliniere altfel perturbate în mijloc. În acest caz, modificarea valorii lățime: 64px;
Dacă doriți un pic mai complicat preloaders css, nu este în tipul de căutare YouTube în css maestru. Există două Seregi lecții acolo. Am realizat preloader css pe eslawintl.ru de destinație (poate elimina link-ul) Deși el crede preloaders css - zamorochka de prisos.
Și, până la urmă o întrebare. Sunt lupta cu o gramada de imagini, dar metoda prezintă la zero toate valorile din mass-media nu ajută. Do „aplică“ și din nou, văd valorile standard. versiunea WP a acestuia din urmă. Poate să-mi spui ce spui.