Accelerarea WordPress optimizarea imaginilor

În primele două părți ale acestei serii am analizat cache-ul, optimizarea bazelor de date, comprimarea, minificarea și utilizarea unui CDN cu site-urile noastre WordPress. În această ultimă parte, vom vorbi despre optimizarea imaginilor și despre utilizarea WordPress cu bun simț.

Sa incepem!

Optimizarea imaginilor în WordPress

Este foarte probabil ca imaginile de pe paginile dvs. să fie cele mai mari materiale de pe site-ul dvs. care sunt descărcate de vizitatori. Vino să ne gândim la asta, este evident că ar trebui să fim inteligenți în ceea ce privește încărcarea și utilizarea imaginilor în paginile noastre. Asta înseamnă două lucruri: 

  1. Trebuie să folosim cu ușurință imaginile.
  2. Trebuie să păstrăm dimensiunile imaginii mici. 

Aici intră în joc tehnicile de optimizare a imaginii.

În acest capitol vom examina câteva metode manuale și câteva metode automate de optimizare a imaginilor.

Optimizarea manuală a imaginilor

Dacă sunteți ca mine și doriți să aveți cât mai mult control asupra imaginilor, ar trebui să vă optimizați imaginile manual. Există literalmente sute de tehnici de optimizare a imaginilor și aplicații pentru diferite formate de imagine (în special JPEG și PNG). Vă recomandăm două:

  1. JPEGmini este o aplicație excelentă care vă optimizează JPEG-urile cu un algoritm inteligent și "lossy" de optimizare. Nu are nici o setare (care este un bummer), dar face o treabă foarte bună reducerea dimensiunilor fișierelor (cel puțin 30%). Acesta vine în aplicațiile Windows și Mac, împreună cu un serviciu web.
  2. RIOT (instrument de optimizare a imaginii radicale) este un instrument de optimizare vechi, dar foarte eficient pentru Windows. Poate procesa JPEG, PNG și GIF cu diverse algoritmi. Îl folosesc pentru a optimiza fișierele PNG. În timp ce instrumentele de optimizare PNG sunt destul de lente (mai ales în cazul fișierelor PNG mari), aceasta face treaba perfect.

Personal, îmi place să lucrez manual, nu automat. Vă pregătesc și editez imaginile în Adobe Photoshop, salvez imaginile mele "pentru web" în calitate de 100%, apoi deschideți JPEGmini pentru JPEG și RIOT pentru PNG-uri pentru a reduce dimensiunile fișierelor.

Optimizarea automată a imaginilor cu pluginurile WordPress

Dacă nu doriți să vă ocupați de toată munca manuală, există soluții automate pe care le puteți utiliza. Există opțiuni de server cum ar fi Kraken PRO și JPEGmini Server, dar ne vom concentra pe două pluginuri foarte utile pentru utilizarea de zi cu zi (sau chiar unele ridicări grele):

  • WP Smush.it: Fiind cel mai popular plugin pentru optimizarea imaginilor pentru WordPress, WP Smush.it rulează automat fiecare imagine pe care o încărcați prin API-ul Smush.it și comprimă imaginile cu un algoritm cu pierderi. De asemenea, puteți optimiza în mod vrac imaginile existente, ceea ce reprezintă un plus imens.
  • EWWW Image Optimizer: Deși cu siguranță are o alegere excentrică pentru un titlu, EWWW Image Optimizer este cel care îmi place cel mai mult în ceea ce privește optimizarea imaginilor. Funcționează bine din cutie, dar puteți ajusta anumite setări avansate pentru a profita la maximum de aceasta. Toți algoritmii utilizați (jpegtran, optipng, pngout și gifsicle) sunt algoritmi fără pierderi, ceea ce înseamnă că nu va schimba pixeli, ci va reduce dimensiunile imaginilor prin recodarea și curățarea fișierelor. S-ar putea să nu optimizeze imaginile cum ar fi WP Smush.it, dar dacă nu puteți face optimizări pierdute, EWWW Image Optimizer este tipul dvs..

Folosind WordPress cu sens obișnuit

Actualizați: Se pare că Yahoo! oprit întreținut Smush.it, astfel încât plugin-ul nu va comprima imaginile dvs. ca de la versiunea 1.7.1.1. Pluginul nu va fi abandonat, totuși - dezvoltatorii pluginului au anunțat că fixează pluginul:

Potrivit unor rapoarte neoficiale, dar destul de fiabile, Yahoo a încetat să mențină Smush.it: (Totuși, totul nu este pierdut!) Lucrăm ca maniacii aici la WPMU DEV pentru a vă aduce o experiență gratuită, mai fiabilă și mai bună, versiune a plugin-ului și încheiată în următoarea actualizare. Sperăm să o avem la dispoziție foarte, foarte curând ... între timp, vă rugăm să rămâneți la noi, va merita, promite.

Chiar dacă luați toate sfaturile din această serie, aplicați fiecare bucată de cod și utilizați fiecare plugin menționat, puteți totuși să nu reușiți să accelerați site-ul dvs. Web. De aceea, această secțiune este cea mai importantă parte a tuturor: bunul simț.

Ce vreau sa spun prin "bunul simt"? În cea mai mare parte "fiind atent și prudent", dar permiteți-mi să fiu elaborat.

Alegerea unui furnizor de hosting decent

Optimizați site-ul dvs. tot ce doriți; dar dacă performanța serverului dvs. este slabă, performanța site-ului dvs. va fi slabă. De aceea trebuie să alegeți cu înțelepciune.

  • Nu verificați doar câte gigabytes de spațiu și lățime de bandă le promite - verificați și specificațiile hardware ale serverului.
  • Alegeți un pachet de găzduire care se potrivește site-ului dvs. web. Dacă aveți un site popular de eCommerce, nu utilizați un pachet de găzduire partajat.
  • Și cel mai important, căutați pe web și citiți câteva recenzii ale companiei: Cum sunt uptime-urile lor? Cum este serviciul de asistență pentru clienți?

Alegerea (sau realizarea) unei teme WordPress de calitate

Am văzut multe teme WordPress - atât gratuit cât și plătite - care păreau frumoase, dar au fost codificate groaznic. Cuvinte bine definite, dar slab codificate WordPress poate fi unul dintre principalii vinovați ai unui site WordPress lent. Ar trebui fie să alegeți dintre teme cu performanță în minte, fie să creați propria temă WordPress (sau să o faceți).

S-ar putea să întrebați: "Cum ar trebui să știu cât de optimizată este o temă?" dar nu este greu, de fapt. Selectați o temă, apoi scanați paginile de demo (nu doar pagina de pornire!) În GTmetrix pentru a vedea Google PageSpeed ​​și Yahoo! Scorurile YSlow și cât de eficient se încarcă activele cu vizualizarea "Timeline". În ceea ce privește încărcarea serverului, nu aveți prea multe pentru a verifica dacă nu puteți să îl testați singur și trebuie să vă bazați pe pluginurile de cache.

Tăierea înapoi a pluginurilor

Acesta este un proces care nu are nici un efect negativ: dacă un plugin încarcă active sau efectuează operațiuni de baze de date în front-end, puneți întrebarea despre necesitatea acestuia. Dacă nu aveți nevoie de ea, scapați de ea. 

De asemenea, puteți rula un test de performanță pentru plugin-uri cu pluginul P3 (Plugin Performance Profiler) și pentru a vedea ce pluginuri necesită o mulțime de resurse.

Păstrați WordPress, pluginurile și temele securizate și actualizate

Acesta este un pic de clișeu - de aceea este ultima informație din această serie - dar asta nu înseamnă că e greșit: Tu trebuie să păstrați totul actualizat și securizat.

  • În ceea ce privește menținerea la zi, nu prea avem de spus: Doar actualizați.Rămâneți actualizat vă poate grăbi site-ul, deoarece dezvoltatorii de bază, plugin și tema lucrează în mod constant pentru a-și face mai eficient codul.
  • În ceea ce privește securitatea, puteți găsi diferite pluginuri de securitate în WordPress.org. Asigurați-vă că le verificați, comparați recenziile acestora și folosiți-o pe cea care vă convine cel mai bine. Păstrarea site-ului dvs. securizat nu va accelera site-ul dvs., dar poate menține viteza site-ului dvs. dacă (sau cand) site-ul dvs. este atacat.

Seria Finale

În epoca de informare, este foarte important ca informațiile să fie difuzate rapid. Nu putem suporta nimic care nu răspunde rapid - simțim că timpul nostru este pierdut. Și vorbim despre secunde și milisecunde aici. Nu este neapărat un lucru bun, dar într-o lume ca aceasta, trebuie să o jucăm cu cartea.

Există o mulțime de articole despre îmbunătățirea vitezei în WordPress, dar am vrut să creez ceva diferit. În timp ce pregăteam această serie de trei părți, am avut un lucru în mintea mea: scrierea continut evergreen pe accelerarea WordPress. Desigur, vor exista pluginuri mai bune sau tehnici mai inteligente, dar aspectele de a face WordPress mai rapid ar trebui să rămână aceleași - cel puțin până când vom intra în vîrsta cuantică. Sper că vă place să citiți cât de mult mi-a plăcut să fac.

Aveți ceva de adăugat? Împărtășiți-vă gândurile cu noi comentând mai jos. Și dacă ți-a plăcut această serie, nu uita să împarți articolele cu prietenii tăi!

Cod