Share
În prima parte a acestei serii, am revizuit optimizarea caching-ului și a bazei de date. În această a doua parte, vom vorbi despre comprimare, minificare și utilizarea unui CDN.
Sa incepem!
Este simplu matematică: dacă dimensiunea paginii dvs. este de 1 MB, un vizitator cu o conexiune de 10 Mbit îl poate încărca în 800 de milisecunde. Deci, dacă puteți reduce dimensiunea paginii dvs., să zicem, 600KB, ar dura doar o jumătate de secundă pentru ca vizitatorul să-l încarce.
Din fericire, există mai multe moduri de a comprima și minimiza ieșirea CSS, JS și HTML a paginilor dvs. Să vedem cum:
formate de compresie HTTP, cum ar fi gzip și dezumfle sunt folosite de aproape orice platforma de server (inclusiv Apache și Microsoft IIS) și acceptate de aproape toate browser-ul, astfel încât HTTP de compresie este cel mai probabil să ruleze pe fiecare dispozitiv și fiecare server. (Serverul dvs. ar putea chiar să-l activa în mod implicit. Pentru a-l verifica, căutați "verificarea compresiei http", faceți clic pe unul dintre rezultate și introduceți adresa site-ului dvs.)
Deci, cum putem activa compresia HTTP? Există mai multe moduri de a face acest lucru, dar cred că aceste două pot ajuta pe toată lumea:
1. Activați compresia prin .htaccess: Dacă serverul dvs. nu a activat implicit compresia HTTP, îl puteți activa prin adăugarea următorului cod în fișierul dvs. .htaccess fișier (preluat din fișierul HTML5):
# Comprimarea forțată pentru anteturile cu mucegai. # https://developer.yahoo.com/blogs/ydn/pushing-beyond-gzipping-25601.html - - - - - - - - - - - - - - - - - - - - - - - - - - - - Marcați anumite resurse comprimate pentru a: # 1) împiedică Apache să-i recompute # 2) să se asigure că acestea sunt difuzate cu antetul de răspuns HTTP # 'Content-Encoding' corect SetEnvIfNoCase ^ (Acceptare-EncodXng | X-CEAPT-Encoding | X 15 | ~ 15 | - 15) $ ^ ((gzip |? Dezumfle) \ s *, \ s *) + | [X ~ -] 4,13 $ HAVE_Accept-Encoding RequestHeader adăugați Accept-Encoding "gzip, deflate" env = HAVE_Accept-Encoding Adăugare codificare gzip svgz # - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - # Comprimare toate de ieșire etichetate cu una dintre următoarele tipuri de media . # IMPORTANT: Pentru versiunile Apache de mai jos 2.3.7 nu este necesar să activați # 'mod_filter' și puteți să eliminați ''&' "# linii ca" AddOutputFilterByType "este încă în directivele de bază.AddOutputFilterByType dezumfla "application / atom + xml" \ "application / javascript" \ "application / json" \ "application / ld + json" \ "application / + json manifest" \ "application / rss + xml" \ „application / vnd .geo + JSON "\ "application / vnd.ms-fontobject" \ "application / x-font-TET" \ "application / x-web-app-manifest + JSON" \ "application / xhtml + xml" \" cerere / XML "\ "font / OpenType" \ "image / svg + xml" \ "image / x-icon" \ "text / cache-manifest" \ "text / css" \ "text / html" \" text / plain "\" text / vtt "\" text / x-component "\" text / xml "
2. Activați compresia HTTP cu pluginuri: Dacă nu știți cum să vă editați .htaccess (sau pur și simplu nu doriți să o faceți), puteți activa compresia HTTP utilizând cele două pluginuri populare de caching: WP Super Cache și W3 Total Cache. Ambele oferă posibilitatea de a activa compresia HTTP prin intermediul paginilor de setări.
Minifierea activelor este aproape la fel de importantă ca și comprimarea acestora. În fișierele PHP, spațiile libere nu sunt cu adevărat importante, deoarece sunt analizate și compilate; dar spațiul alb în fișierele HTML, CSS și JS crește dimensiunea fișierului, ceea ce înseamnă că vizitatorii vor descărca fișiere mai mari. Pentru a evita acest lucru, puteți șterge toate caracterele inutile din fișierele HTML, CSS și JS.
În plus față de minimizarea acestora, puteți combina mai multe fișiere CSS și JS într-un singur fișier CSS și JS. Acest lucru va reduce numărul de căutări DNS, iar browserele nu vor descărca separat fiecare fișier CSS și JS.
Reducerea și combinarea activelor manual este considerată o practică defectuoasă și ar putea fi imposibilă în unele cazuri. Din fericire, totuși, este foarte ușor să o atingi automat cu ajutorul pluginurilor. Dacă utilizați pluginul W3 Total Cache, puteți activa minificarea și combinarea fișierelor CSS și JavaScript prin intermediul paginii Setări a pluginului. Dacă nu îl utilizați, puteți instala un plugin separat - cel mai preferat este Autoptimize. Autoptimize face treaba perfect și are câteva opțiuni foarte utile pe care le puteți gestiona. Îl folosesc pe acesta cu WP Super Cache și sunt extrem de mulțumit de rezultate.
Dacă blogul dvs. este mai mult vizual decât în medie, dacă paginile dvs. sunt pline de imagini sau chiar dacă sunteți un blogger obișnuit și doriți ca imaginile dvs. să se încarce mai repede, puteți (și ar trebui) să utilizați rețele de distribuire a conținutului (denumite în mod obișnuit CDN-uri).
Logica din spatele rețelelor de distribuire a conținutului este de a servi mai eficient conținutul prin utilizarea "serverelor de margine" din întreaga lume. Aceste servere pot conține conținutul dvs. descărcabil (cum ar fi imagini, fișiere CSS și altele asemenea) și atunci când un utilizator accesează pagina dvs., serverul cel mai apropiat de marginea vizitatorului servește fișierelor. Cu prețuri scăzute pe lățime de bandă (chiar și gratuit, uneori) și servere rapide, livrarea conținutului dvs. va fi mai rapidă decât oricând.
Există mai mult decât câteva plugin-uri care vă oferă sincronizarea activelor dvs. cu diferite CDN-uri, dar voi numi doar câteva:
În această a doua parte a seriei, am trecut prin comprimarea și minificarea activelor și utilizând un CDN în WordPress. În următorul (și ultimul) articol, vom vedea importanța optimizării imaginii și vom închide cu câteva gânduri despre utilizarea WordPress cu bun simț.
Ce crezi despre accelerarea WordPress? Împărtășiți-vă gândurile de mai jos în secțiunea de comentarii. Și dacă ți-a plăcut articolul, nu uita să-l împărtășești.
Ne vedem în următoarea parte!
Accentsconagua