Accélération du chargement du site Web + optimisation pour Google PageSpeed (webp, js, css, photos, images)

La vitesse de chargement du site est un facteur clé qui a un impact significatif sur le succès de votre activité en ligne. Le chargement rapide des pages permet aux utilisateurs de trouver rapidement les informations dont ils ont besoin, augmente la conversion et rend l'utilisation du site plus confortable. Une vitesse de chargement élevée affecte non seulement l'expérience utilisateur, mais augmente également le classement du site dans les moteurs de recherche, augmente sa visibilité.

Accélération du chargement du site + optimisation pour Google PageSpeed Insights est une solution pour 1c-Bitrix qui accélère l'affichage du site sur tous types d'appareils et a un effet positif sur les scores, la vitesse et les paramètres de chargement du site dans Google PageSpeed Insights.

Présentation des fonctionnalités de la solution au format vidéo : youtube.com

[TAILLE=11pt]1. [/SIZE]Optimisation des styles CSS des sites web

La solution optimise le fonctionnement des feuilles de style et réduit le temps d'affichage des pages. Les styles sont combinés en un seul fichier et optimisés. En conséquence, le poids des styles et le nombre de connexions sont réduits. La solution optimise non seulement les styles de sites standard, mais également les styles externes, par exemple Google Fonts. Les enregistre, les optimise et les connecte localement.

L'optimisation du style résout le problème « Éliminer les ressources bloquant le rendu » dans PageSpeed.




[TAILLE=11pt]2. [/SIZE]Optimisation d'image, conversion vers Webp

La solution convertit les images au format WebP moderne, ce qui peut réduire considérablement le poids des images et accélérer le travail du navigateur avec les images.

L'optimisation des images élimine ou réduit les problèmes « Utiliser des formats d'image modernes » et « Configurer un encodage d'image efficace » dans PageSpeed.



[TAILLE=11pt]3. [/SIZE]Optimisation de JavaScript et des compteurs

Les dernières versions de la solution ont ajouté des fonctionnalités pour travailler avec JavaScript - vous pouvez désormais différer les scripts sélectionnés jusqu'au chargement de la page ou jusqu'à ce que l'utilisateur interagisse avec le site.

La solution corrige le problème « Les écouteurs d’événements passifs ne sont pas utilisés pour améliorer les performances de défilement » dans PageSpeed.



4. Optimisation des vidéos Youtube et Rutube

Le chargement des pages avec des vidéos est lent, car... le lecteur vidéo charge une grande quantité de données : scripts, bibliothèques, interface et assemble le lecteur lors de la première ouverture de la page.

La solution convertit l'iframe d'origine de la vidéo. Les scripts de solution téléchargeront toutes les données nécessaires lorsqu'elles seront nécessaires - lorsque vous cliquerez sur le bouton de lecture. Ce mécanisme n'est pas perceptible pour l'utilisateur final.

Les transformations effectuées par la solution corrigent également l'erreur pagespeed "Plusieurs ressources sont disponibles pour le chargement paresseux avec les objets de façade"




[TAILLE=11pt]5. Dechargement empilé de polices (f[/SIZE]ont-display)

La solution dispose d'un mécanisme d'installation automatique de font-display : swap for fonts.

L'utilisation de font-display corrige le problème « Configurer tout le texte à afficher lors du chargement des polices Web » dans PageSpeed.



[TAILLE=11pt]6. [/SIZE]Préconnexion et préchargement

Grâce à la solution, vous pouvez définir la préconnexion et le préchargement via les paramètres sans modifier le code du site.

L'utilisation du préchargement corrige le problème « Configurer le préchargement des requêtes clés » dans PageSpeed.

[TAILLE=11pt]7. [/SIZE]Suppression du standard OpenSans

Les versions actuelles de Bitrix connectent automatiquement la police OpenSans - si vous n'en avez pas besoin, en utilisant la solution, vous pouvez supprimer cette connexion et économiser quelques kilo-octets de téléchargement

	▷	Sécurité des fichiers - les fichiers sources ne sont pas modifiés
	▷	Configuration flexible - vous pouvez activer uniquement les optimisations dont vous avez besoin
	▷	Accélère le site pour les vrais utilisateurs, et pas seulement PageSpeed Insight

	✔	Prend en charge le mécanisme multi-site, les modes composite et auto-composite
	✔	Fonctionne aussi bien avec les encodages UTF-8 et Windows-1251
	✔	Utilise des événements stables et fonctionne sur la plupart des versions de 1c-Bitrix
	✔	Fonctionne correctement avec la plupart des solutions toutes faites (Aspro, Digital Web, Intec, etc.) et sur les sites au design unique
[/TD ]	✔	Prise en charge des versions PHP : 5.6, 7.x, 8.x

Recommandations supplémentaires :

Pour accélérer davantage l'affichage de votre site et augmenter votre classement Google Pagespeed, les éléments suivants vous seront utiles :

- Solution "Chargement paresseux d'images, de vidéos et d'images d'arrière-plan", résolvant le problème "Chargement différé des images" - afficher la carte de solution

- Solution "Optimisation et compression HTML + CSS", qui réduit le poids des pages HTML rendues - [URL=http://marketplace.1c-bitrix.ru/solutions/arturgolubev.htmlcompressor/?hf=cssinliner]voir la fiche de la solution [/URL ]