7 pasi pentru obtinerea unui scor de 100% in Google PageSpeed Insights
Dimensiune font:
Nu exista reteta perfecta pentru obtinerea echilibrului dintre experienta pe care o are utilizatorul vizitandu-ti site-ul si un scor perfect in Google PageSpeed Insights. Nu este un proces cu rezultate imediate, iar implementarea masurilor pe care trebuie sa le iei se realizeaza treptat, inca din perioada de constructie a site-ului.
Pasii pe care trebuie sa ii urmezi trebuie sa fie implementati de agentia care ofera servicii de web design si urmarita de specialistii SEO. Urmeaza acesti 7 pasi pentru asigurarea unui scor perfect in Google PageSpeed Insights:
1. DNS
Daca folosesti un host comun si nu un server dedicat pentru site-ul tau, Cloudflare te va ajuta sa optimizezi viteza paginilor.
In schimb, daca nu ai posibilitatea instalarii Cloudflare, te poti orienta catre WP-Engine, Presslabs, Pantheon.io, variante care au incluse un cache si o configuratie CDN.
2. Depasirea intervalului de raspuns al serverului
Intervalul de reper pentru incarcarea oricarui site este de 0.2 secunde, dupa care Google te catalogheaza mai jos.
Mutarea pe un host de WordPress mai rapid sau reducerea numarului de functii ale serverului nu va imbunatati situatia. Diferenta o poate face, insa, PHP 7, daca este suportat de host-ul site-ului tau, intrucat are capacitatea de a facilita viteza paginilor pana la 20% sau chiar 50%.
Pentru a verifica tipul de PHP pe care il ai deja, nu trebuie decat sa instalezi un plug-in, iar daca urmeaza sa o faci, asigura-te ca exista compatibilitate cu site-ul. Inclusiv pentru acest lucru exista un plug-in pe care il poti utiliza in WordPress, astfel incat sa iti indice aspectele care trebuie imbunatatite sau schimbate daca vrei a instalezi PHP 7.
Pentru a schimba PHP-ul, acceseaza Multi PHP Manager din WHM si selecteaza site-ul pentru care vrei sa modifici versiunea.
3. Blocarea CSS and JavaScript Render
Pentru inceput, trebuie sa constati care parti ale fisierelor CSS si JavaScript sunt predispuse la rendering.
Introdu aceste parti in <head>-ul HTML-ului, folosind tag-urile <style> si <script>.
In continuare, activeaza functia de “defer” sau desincronizare a incarcarii elementelor care nu sunt predispuse la rendering. Acestea pot fi pop-up-uri care apar pe site dupa un anumit interval de timp de la intrarea pe site, pentru care trebuie sa separi CSS si JavaScript in fisiere diferite, asa cum este descris mai sus.
Orice CSS care nu este predispus la rendering, precum si font-uri Google pot fi incarcate diferentiat folosind urmatoarea bucata de cod:
<noscript id="deferred-styles-number-1">
&amp;lt;link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Do+Hyeon"/&amp;gt;
</noscript><script>
window.addEventListener('DOMContentLoaded', function() {
var loadDeferredStyles = function() {
var addStylesNode = document.getElementById("deferred-styles-number-1");
var replacement = document.createElement("div");
replacement.innerHTML = addStylesNode.textContent;
document.body.appendChild(replacement)
addStylesNode.parentElement.removeChild(addStylesNode);
};
var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame ||
window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); });
else window.addEventListener('load', loadDeferredStyles);
});
</script>
In cazul fisierelor de tip JavaScript, poti adauga “defer” sau “async” tag-urilor <script> pentru a nu mai intampina probleme de rendering pe site.
4. Optimizarea imaginilor
Intrucat poti intampina probleme de functionare a site-ului din cauza optimizarii gresite a imaginilor, ai in vedere cateva metode prin care poti corecta aceasta disfunctie:
· Instaleaza un add-on de server pentru fiecare recomandare a Google.
· Folosind libraria PHP ImageMagick.
· Folosind unelte API terte, precum Tinypng, ShortPixel or Kraken.io .
5. Minificarea
Autoptimize si Better WordPress Minify sunt doua instrumente prin care se poate realiza minificarea fisierelor JavaScript si CSS.
Aceste instrumente ofera un control sporit si posibilitatea de a hotari ce poti face cu fiecare fisier JavaScript si CSS. Dupa implementarea noilor functii, urmareste impactul pe care schimbarile il au asupra Google PageSpeed prin masurarea cauzelor si efectelor variabilelor, care difera de la un site la altul.
6. Evita folosirea prea multor plug-in-uri
Prea multe plug-in-uri pot incetini viteza de incarcare a site-ului, motiv pentru care nu le instala pe cele care nu iti sunt cu adevarat necesare si dezactiveaza-le, totodata, pe cele care nu te mai ajuta la cresterea si buna functionare a site-ului.
Pentru a evita supraincarcarea site-ului, poti opta pentru tweaks in schimbul plug-in-urilor de dimensiuni mari.
7. Permite comprimarea fisierelor
Folosind un fisier de tipul .htaccess pentru comprimarea fisierelor nu vei mai avea nevoie de alte plug-in-uri.
De asemenea, fiind unul dintre principalele motive pentru care site-urile inregistreaza dificultati ale vitezei de incarcare, numarul imaginilor pentru versiunea de mobil, de exemplu, poate fi redus, oferind utilizatorului o experienta imbunatatita.
Viteza site-ului reprezinta un parametru al clasificarii din punct de vedere SEO, de aceea merita sa incerci mici artificii tehnice ca sa imbunatatesti scorul site-ului tau.
Puncte preluare anunturi "Evenimentul Regional al Moldovei" in Iasi
<
Adauga comentariul tau