Yo-yo! Grands trucs de référencement. Personne ne sait quoi faire avec certitude pourquoi le site n'est «pas en haut» et pourquoi les affaires en ligne ne fonctionnent pas. Et à la recherche de la vraie raison, les propriétaires de sites deviennent comme des tantes de quarante ans qui croient à tous les trucs gitans du marché. Et donc, en ramassant le clavier et en tapant une requête dans le moteur de recherche, ils voient "des conseils magiques" - "100 points sur la vitesse de la page Google et vous serez heureux". Il n'y a rien de mal à essayer d'accélérer votre site, seuls fl et toutes sortes de kwork sont pleins de demandes comme "optimiser le site à 100 points de vitesse de page", et les propriétaires du site eux-mêmes ne comprennent pas combien cette optimisation peut réellement leur coûter.
Aujourd'hui, je veux dire pourquoi il est presque impossible d'atteindre la valeur chère sur certaines décisions ou cela coûtera très cher. Je vais passer en revue certains des conseils sur la vitesse des pages et en parler.
Utilisez des formats d'image modernes
Cette astuce indique que «les
images JPEG 2000, JPEG XR et WebP utilisent une compression plus efficace, donc elles se chargent plus rapidement et consomment moins de trafic que les images PNG et JPEG »
. À mon avis, ce conseil est le plus difficile à respecter pour plusieurs raisons.
Prise en charge du navigateur pour JPEG 2000, JPEG XR et WebP
Pour vérification,
nous utilisons
caniuse pour savoir comment les navigateurs prennent en charge les formats. Sur ce site, nous apprenons que JPEG 2000 est uniquement pris en charge par safari (sauf pour la version Windows), JPEG XR pour IE. WebP s'améliore, mais devinez qui ne le prend pas en charge?!) C'est vrai! Safari Ainsi, nous constatons qu'il n'y a pas de format universel et si vous voulez les utiliser chez vous, vous devrez charger au moins 2 formats. C'est au moins le temps, et au maximum vous paierez le créateur qui vous fait les bannières.
Support CMS
Bien sûr, payer 500 roubles à un designer n'est pas un gros problème, mais gérer un CMS n'est pas une tâche si facile. Pour le moment, j'ai réussi à vérifier le support sur 3 CMS: Wordpress, Bitrix, Joomla. Aucun d'entre eux ne prend en charge l'un des formats répertoriés. Il existe plusieurs plugins sur Wordpress qui disent qu'ils font webp, mais en fait il n'y a pas un seul plugin gratuit pour cela. De plus, même dans ces cas, le chargement de webp dans le corps de l'article échoue, lorsque vous enregistrez la publication, le lien vers le fichier d'un format non pris en charge est supprimé. Dans Bitrix, il n'y a même pas un tel module. Vous devez vous écrire ce qui est pour wordpress, ce qui est pour bitrix. Ce ne sont pas de simples améliorations qui nécessitent de bonnes connaissances et suffisamment de temps.
Définir un encodage d'image efficace
Conseil: "Les
images optimisées se chargent plus rapidement et consomment moins de données mobiles ." C'est un très bon conseil, mais en réalité il jurera toujours sur les "grandes" images, même si sur "maskalka" parcourez vos images dans wordpress avec le plugin "Winsite Image Optimizer" auquel il existe un lien dans l'aide de Google (lien vers
imageoptim. com ) alors tout de même son insatisfaction restera.
Que reste-t-il à faire? Il est préférable d’enregistrer les fichiers en qualité minimale à l’étape «Photoshop» et de le faire au mieux par importation, plutôt que «enregistrer sous». La différence de taille est énorme.
Éliminer les ressources de blocage d'affichage
Astuce : "
Certaines ressources empêchent le chargement du contenu de la page. Nous vous recommandons de configurer le chargement des ressources JS / CSS nécessaires en premier lieu et de reporter le chargement d'autres ressources. "
Ce conseil est extrêmement simple si vous travaillez avec un site auto-écrit, si vous savez "quoi, où, quand". Mais s'il s'agit de CMS et de l'utilisation de plugins et de modules, c'est difficile à faire. Par exemple, dans Wordpress, tout dépend des plugins utilisés. Pour résoudre ce problème, vous devrez creuser dans le code des plug-ins et y trouver comment ils connectent leurs scripts (et jquery pour démarrer). Ensuite, en utilisant
wp_deregister_script, nous
supprimons la connexion des scripts du plugin et les chargeons au bon endroit, où nous voulons.
Une autre façon consiste à compresser les scripts et / ou les styles dans un seul fichier. Cette méthode donne vraiment beaucoup de points sur la vitesse de la page, mais en fait elle peut ralentir le rendu du contenu, et une partie de javascript ne fonctionnera pas.
Après avoir expérimenté cette méthode, j'ai vu que la vitesse de la page montre une détérioration du paramètre "Temps de retard approximatif pour l'entrée", grosso modo, le site sur mobile commence à ralentir. Et plus vous compressez (fusionnez dans un fichier / fusionnez dans un fichier et réduisez) les fichiers, plus ces paramètres sont mauvais. Autrement dit, le smartphone doit s'efforcer de le lire et de l'exécuter.
Réduisez le temps de réponse du serveur
Simple, comme il me semble, un conseil, mais cela ne dépend pas toujours du programmeur web. Parcourez le profileur sur votre site et trouvez le code qui ralentit. Il arrive parfois que le même code soit appelé plusieurs fois dans le même fichier. Écrivez le résultat de l'exécution dans une variable et utilisez-le si nécessaire. Utilisez la mise en cache. J'essaie d'utiliser memched, pour cela je paie mon hébergeur de 30 à 120 roubles par mois selon le projet. Je pense que cela vous aidera.
Différer le chargement des images cachées
Recommandation de test "
Pour réduire le temps avant le début de l'interaction, nous vous recommandons d'utiliser le principe de chargement paresseux pour les images masquées une fois toutes les ressources importantes chargées ."
Je pense que faire cela est assez simple et il existe de nombreux exemples sur Internet pour le faire. Par exemple, il y a un bon article sur les
astuces CSS . Pour que son code fonctionne, l'essentiel est de changer les attributs de l'image. C'est assez simple. Le chargement paresseux est bon, mais +1 fichier javascript.
Au début de l'article, j'ai parlé de conseils plutôt contradictoires et à la fin, je me suis tourné vers des conseils efficaces. Oui, bien sûr, l'optimisation du code est bonne, mais les propriétaires de sites Web pensent au profit et que ces conversions entraîneront une augmentation des bénéfices grâce au référencement.
Vous devez comprendre que l'optimisation du code du site Web n'est que la première étape de la promotion, et la promotion des moteurs de recherche elle-même n'est efficace que pour les sites où il existe une demande formée pour le produit.
PS
Ne soyez pas paranoïaque, sachez qu'il doit y avoir une demande formée pour la promotion de sites Web sur le référencement, satisfaire les besoins de vos clients et votre site sera alors dans le TOP.