Share
În articolul precedent, am discutat despre importanța vitezei în web și am revizuit câteva sfaturi de bază privind accelerarea WordPress. În acest articol, vom trece peste încă cinci sfaturi pentru optimizarea site-ului dvs. chiar mai departe.
Fără altă introducere, să ne aruncăm în următorul set de sfaturi de performanță!
Iată câteva sfaturi despre creșterea vitezei site-ului:
Când doriți să arătați lumii că videoclipul dvs. va juca pianul în timpul skateboarding-ului, este o opțiune mai inteligentă să îl încărcați pe YouTube în loc să îl încărcați pe propriul server. Deci, de ce nu faceți același lucru pentru imagini, sau chiar fișiere CSS și JavaScript?
CDN-urile sau "rețelele de distribuire a conținutului" servesc acestui scop. Și prin natura lor, ele sunt, de obicei, mai rapide decât serverul dvs. din cauza tuturor nor magic. În plus, obținerea de fișiere de pe două servere este mai rapidă decât obținerea acestora de pe un server din perspectiva browserului.
În timp ce piața CDN este dominată de servicii plătite precum Amazon CloudFront, MaxCDN și multe altele, mulți mai mult, există și servicii gratuite. Vă sugerez să încercați și să vedeți cum funcționează CDN-urile instalând Jetpack de pe WordPress.com și activând modulul "Photon". Dacă aveți nevoie de mai multă putere și personalizare, puteți migra la servicii cu plată fără a pierde nimic.
Imaginile sunt importante pentru paginile dvs. web, deoarece acestea sunt de obicei cele mai atractive părți ale paginii. Dar utilizarea multor imagini poate să dubleze, tripleze sau cvadruplează greutatea paginii dvs. și ar putea face ca paginile dvs. să dureze mai mult pentru a termina încărcarea.
Dacă puteți utiliza mai puține imagini, aceasta este doar o altă parte a optimizării vitezei ("bunul simț"), dar dacă este o idee mai bună de a păstra imagini mari, puteți încerca să optimizați aceste imagini, astfel încât acestea să ia mai puțin spațiu și mai puțin timp pentru încărcare.
În alte tutoriale despre accelerarea WordPress pe internet, toată lumea pare să sugereze WP Smush.it și face treaba destul de bine, dar am de gând să merg înainte și să sugerez EWWW Image Optimizer. Are un nume amuzant, dar cred că este o alternativă mai bună la WP Smush.it deoarece poate comprima mai multe tipuri de fișiere și are mai multe opțiuni de joc. Încearcă pe fiecare să decidă singur.
Afișarea unui utilizator mobil exact aceeași pagină pe care un utilizator desktop o vede este în 2010. În prezent, toată lumea utilizează "designul web receptiv", care rearanjează și modifică designul pentru diferite dimensiuni ale ecranului, astfel încât utilizatorii să poată vedea pagina mai ușor.
Însă acest lucru înseamnă de obicei să luați aceeași pagină (cu aceeași greutate) și să schimbați designul până când se potrivește pe ecranele dispozitivelor mobile, iar utilizatorii mobili care au viteze de conectare la internet mobil nu apreciază așteptarea timp de 10 secunde pentru încărcarea unei pagini . Cât de minunat ar fi dacă, în loc să schimbăm dinamic designul pentru dispozitivele mobile, am putea arăta un design complet diferit și mai curat?
Se pare că există și pluginuri pentru asta. Jetpack-ul menționat anterior de WordPress.com are un modul numit "Theme Mobile", care stabilește o temă mobilă simplă pentru dvs. fără nici un hassle. Dacă doriți mai mult control, puteți verifica WPTouch Mobile Plugin, care este gratuit, dar are și o versiune "pro" care oferă mai multe teme mobile decât versiunea gratuită.
Ați evaluat vreodată performanța temei dvs.? Dacă nu, tu nu ești singur: Oamenii tind să "se îndrăgostească" de o temă și să ignore faptul că are prea multe imagini, nu are un fișier CSS optimizat, are o ieșire HTML groaznică sau face sute de interogări pe fiecare pagină. Suntem doar oameni, desigur, și ne putem distra de o temă frumos proiectată ... dar amintiți-vă: teme frumos proiectate, dar oribil codate voi dăuna site-ului dvs. mai mult decât o temă atât de sexy, cu o bază solidă de cod.
Verificați scorul de viteză al site-ului dvs. de la PageSpeed și instalați pluginul Admin Bar Queries pentru a evalua performanța temei. Dacă observați că tema încetinește site-ul dvs., ar trebui să încercați o temă diferită, care este mai simplă decât cea pe care o utilizați chiar acum.
Amintiți-vă: designul bun nu trebuie neapărat să fie inundat de grafică. Uneori mai puțin este mai mult-mai ales în epoca "planului plat" în care trăim!
Știu, plug-inurile sunt minunate. Nu puteți obține niciodată suficiente funcționalități și funcții oferite de pluginurile care vă îmbogățesc site-ul. Un plugin de afișare a postărilor de pe aici, un mecanism de vot cu comentarii acolo ... și în curând vă veți întreba de ce serverul așteaptă timp de șase secunde înainte de încărcarea paginii.
S-ar putea spune că vorbesc ca un ipocrit pentru că am sugerat deja multe pluginuri în acest articol. Asigurați-vă că nu sunt un ipocrit: utilizarea multor pluginuri nu încetinește site-ul dvs., dar folosind multe plugin-uri care interacționează cu front-end nu. Mai ales cele care modifică câmpurile bazei de date în fiecare vizualizare de pagină.
În mod ironic, puteți testa ce pluginuri vă încetinesc instalând un alt plugin. Pluginul P3 (Plugin Performance Profiler) rulează teste prin paginile dvs. și măsoară costul de timp al fiecărui plugin, oferindu-vă o idee despre plugurile care încetinesc cel mai mult site-ul.
Așa cum am spus la începutul acestei serii, viteza mereu contează. Trebuie să păstrați un ochi pentru ea în mod constant, astfel încât aceste articole nu sunt "face aceste doar o singură dată și ești bun pentru a merge" fel de tutoriale. Nu spun că ar trebui să marcați aceste tutoriale, dar trebuie să marcați aceste tutoriale.
Aveți ceva de adăugat la această serie? Spuneți-ne ce credeți, comentând mai jos. Și dacă ți-a plăcut articolul, nu uita să îl împarți cu prietenii tăi!
Accentsconagua