Projet communautaire refonte responsable pour la nouvelle année

Le début d'une nouvelle année est toujours le moment classique pour apporter des changements et de nouveaux départs, tant dans notre vie personnelle que sur le lieu de travail. Le début de 2015 est le moment idéal pour obtenir responsable, alors faisons-le en tant que communauté! Nous vous demandons d'améliorer vos sites Web et de partager les résultats..

Prendre la responsabilité du Web

Au cours des dernières années, nous nous sommes habitués à l'idée que nos sites Web devraient être réactifs (à moins qu'il n'y ait une bonne raison de ne pas l'être), mais ces derniers temps, nous avons commencé à réaliser que nos sites Web devraient également être responsables. Si vous avez lu Responsible Responsive Design de Scott Jehl, vous saurez exactement ce que je veux dire..

Un site Web responsable en est un dont le contenu est universellement accessible, quels que soient l'appareil, la vitesse du réseau ou les limitations de l'utilisateur. Il est facile de se laisser entraîner par les dernières techniques Web et les derniers jouets, mais des images lourdes, des styles superflus, des fonctionnalités mal prises en charge et un JavaScript gonflé peuvent gâcher l'expérience de nombreux utilisateurs..

Ce que nous voulons voir

Un site Web responsable ne se limite pas à la performance, mais c'est un excellent point de départ. Pour ce projet communautaire, nous allons nous appuyer sur Google PageSpeed ​​Insights pour mesurer et améliorer nos sites Web. Entrez l'URL de votre site (votre site Web personnel ou un site Web client) et voyez ce que l'analyse révèle:

Marge d'amélioration

Vos scores pour mobile et ordinateur de bureau seront présentés sous forme de chiffres allant jusqu'à 100, répartis en catégories telles que «vitesse» et «expérience utilisateur», avec une liste de choses que vous pouvez faire pour améliorer ces scores. Ensuite, en tenant compte des suggestions de Google, partez et créez votre site Web. meilleur. 

Pensez que vous pouvez gérer deux coches vertes?

Ne vous inquiétez pas si votre site Web n'est pas parfait, mais améliorez-le, rendez-le plus responsable et laissez-nous voir les résultats dans les commentaires! Incluez si possible les captures d'écran avant et après de vos résultats PageSpeed. Les meilleurs exemples seront présentés sur Tuts+.

Conseils pour bien commencer

Voici quelques gains rapides pour améliorer votre score de PageSpeed:

• Utilisez un outil de compression d'image tel que TinyPNG pour optimiser vos images..
• Utilisez moins d'images!
• Mettez à jour votre .htaccess fichier à inclure la compression GZIP.
• Utilisez un pré-processeur pour concaténer et réduire vos feuilles de style.
• Donner la priorité au contenu «au-dessus du pli». Je sais que le pli a disparu depuis longtemps, mais les éléments en haut de vos pages Web sont importants. Assurez-vous que le rendu est rapide et que rien d'autre (comme les fichiers JavaScript qui ne sont nécessaires que plus loin dans la page) ne l'empêche de se charger..
• Installez l’extension Chrome de PageSpeed ​​Insights (qui ajoute un onglet aux outils de développement) pour vous rappeler régulièrement de vérifier.

Il existe de nombreuses autres manières d'améliorer les scores de vos sites Web. certaines solutions rapides, d'autres plus impliqués. Quoi qu'ils soient, nous sommes impatients de savoir comment vous les avez appliqués.!