Accélérer votre site WordPress avec YOOtheme Pro –

Cet article a été créé en partenariat avec YOOtheme . Merci de soutenir les partenaires qui rendent SitePoint possible.

Depuis juillet 2018, Google a commencé à classer les résultats de recherche sur mobile en fonction de la vitesse de la page mobile. Cela rend l'optimisation de PageSpeed ​​encore plus importante qu'avant. Heureusement, il existe des outils qui peuvent vous aider à accélérer votre site Web. YOOtheme Pro un nouveau générateur de thèmes et de thèmes WordPress, assure un classement élevé de la vitesse de votre site grâce à sa base de code petite et claire et à l'utilisation des dernières technologies web. Voici comment cela fonctionne

Qu'est-ce que YOOtheme Pro?

Pour ceux d'entre vous qui ne sont pas familiers avec YOOtheme Pro, c'est un puissant générateur de thèmes et de pages pour WordPress et Joomla. Voici ses principales caractéristiques:

• Générateur de page glisser-déposer intuitif
• Bibliothèque d'éléments avec plus de 30 éléments (y compris Slider, Diaporama, etc.)
• Bibliothèque de mise en page avec plus de 100 configurations prédéfinies
• Bibliothèque avec plus de 70 styles fabriqués à la main
• Bibliothèque Unsplash intégrée
• Support WooCommerce
• Footer Builder
• Base de code rapide et légère

Comment YOOtheme Pro accélère-t-il votre site web?

YOOtheme Pro est construit avec la bibliothèque JavaScript Vue.js et le framework frontal UIkit. Merci à ces deux bibliothèques, YOOtheme Pro est extrêmement modulaire et extensible, et son JavaScript rapide et léger offre une expérience utilisateur exceptionnelle. Le générateur de pages génère un balisage petit, propre et sémantique, optimisé pour des temps de chargement rapides. Examinons donc de plus près les technologies utilisées par YOOtheme Pro pour accélérer le temps de rendu de votre navigateur

Lazy Loading Images

Les images représentent la plus grande partie de la taille totale de votre site web. Pour améliorer la vitesse de la page et diminuer le trafic du serveur, YOOtheme Pro utilise un chargement paresseux. Cela signifie qu'au départ, seules les images au-dessus de la ligne sont entièrement chargées. Les autres images sont chargées lorsqu'elles entrent dans la fenêtre d'affichage. Pour empêcher le contenu de sauter, une image d'espace réservé vide est générée instantanément. Vos visiteurs ne remarqueront même pas que les images sont chargées paresseusement, et la première peinture significative deviendra plus rapide sur l'écran.

Srcsets auto-générés

Pour s'assurer que vous obtenez la meilleure résolution sur chaque appareil, YOOtheme Pro génère automatiquement des srcsets. Il s'agit de plusieurs versions de la même image dans différentes tailles, chacune étant utilisée pour un périphérique spécifique. Lorsque vous téléchargez une image dans le générateur de page de YOOtheme Pro et que vous définissez une valeur de largeur ou de hauteur, YOOtheme Pro génère sept images srcset. Les deux premiers sont 100% et 200% de la taille cible. Les cinq autres images ont les résolutions d'appareil les plus fréquemment utilisées: 768, 1024, 1366, 1600 et 1920. Bien entendu, elles ne sont générées que si la taille de l'image le permet, c'est pourquoi vous devez toujours télécharger des images avec la plus haute résolution possible. Cette fonctionnalité garantit la meilleure expérience utilisateur des mobiles vers les écrans rétine.

Bien que les srcsets améliorent vraiment les performances, ils ne sont généralement pas utilisés pour les images d'arrière-plan utilisées comme arrière-plans de section ou de colonne. Ces images s'étendent sur toute la largeur et sont souvent assez volumineuses, donc les charger sur des mobiles prend beaucoup de bande passante. Pour résoudre ce problème, YOOtheme Pro génère également des srcsets pour les images d'arrière-plan, ce qui est excellent pour le classement de la vitesse de votre page mobile.

Next-gen Image Format

Pour économiser la bande passante, Google recommande d'utiliser des formats d'image . Ce format présente des caractéristiques de compression et de qualité supérieures à celles des formats d'image JPEG et PNG les plus courants. L'utilisation de WebP économise de la taille et consomme moins de données cellulaires. YOOtheme Pro génère et diffuse automatiquement des images au format WebP pour les navigateurs Chrome. Dans le cas où un visiteur utilise d'autres navigateurs, les images originales JPEG ou PNG seront servies.

Google Fonts locales

YOOtheme Pro stocke Google Fonts localement. Lorsque vous sélectionnez une police Google dans YOOtheme Pro, les fichiers de police woff et woff2 sont téléchargés sur votre serveur et inclus dans le CSS. Cela contribue non seulement à la conformité GDPR, mais améliore également considérablement la vitesse de votre site Web, car il n'y a plus d'aller-retour vers les serveurs Google. Et si votre serveur Web supporte HTTP / 2, il n'y a pas d'aller-retour du tout.

Autres fonctionnalités avancées

En plus de fournir une expérience utilisateur rapide, YOOtheme Pro est également très convivial pour les développeurs. Il vous permet de remplacer et d'étendre tout, ajouter des éléments personnalisés, CSS, JavaScript et même créer de nouveaux paramètres de thème. YOOtheme offre une documentation complète sur YOOtheme Pro, qui comprend une section spécifiquement écrite pour les développeurs. Vous y trouverez des informations, des didacticiels et des exemples sur les ressources personnalisées, les thèmes enfants, les éléments personnalisés et bien plus encore.

Conclusion

Comme vous pouvez le voir, YOOtheme Pro est un générateur de thèmes et de pages très polyvalent pour WordPress. la vitesse. Il intègre plus d'optimisations pour votre classement Google PageSpeed ​​que tout autre constructeur de pages sur le marché WordPress en ce moment. C'est un excellent outil pour les concepteurs qui leur donne le pouvoir de créer sans le codage. Mais il a également été conçu pour les développeurs, leur donnant la possibilité de tout personnaliser. YOOtheme Pro publie régulièrement des paquets thématiques sur un sujet particulier, y compris une structure de contenu réfléchie. De belles mises en page, des styles variés et des images gratuites ainsi que des mises à jour régulières des fonctionnalités font de YOOtheme Pro le prochain thème et éditeur de pages WordPress à surveiller. Alors, prenez YOOtheme Pro et essayez-le par vous-même.