Blog | F4 Design : Créer différemment.

Faire perdre du poids à son site internet ! Optimisation

Optimiser la vitesse d'affichage de son site internet

Voici quelques astuces d’optimisation de site pour faire perde du poids à votre site et donc gagner en vitesse d’affichage sur tous les terminaux (ordinateurs, tablettes, smartphones, etc…). Ces astuces et recommandations sont proposées et détaillé sur le site browserdiet développé par Zeno Rocha et webdesigné par Briza Bueno. Elles sont composés en 6 catégories :

  • HTML
    • Évitez le code inline/embded
    • Les styles en haut, les script en bas
    • Essayez async
  • CSS
    • Minifier vos feuilles de styles
    • Combiner plusieurs fichiers css
    • Préférez <link> à @import
  • Javascript
    • Charger les librairies tiers de façon asynchrone
    • Mettre en cache la longueur d’un tableau
    • Évitez document.write
    • Minimiser les « repaints » et « refonts »
    • Évitez les manipulations inutiles du dom
    • Minifiez votre javascript
    • Combinez plusieurs fichiers js en un seul
  • Jquery
    • Toujours utiliser la dernière version de Jquery
    • Utilisez for au lieu de each
    • N’utilisez pas toujours Jquery
  • Images
    • Utiliser les sprites pour le css
    • data uri
    • Ne re-dimensionnez pas vos images de la mise en page
    • Optimisez vos images
  • Bonus
    • Outils de diagnostic : votre meilleur ami

Après avoirs mis en place ces astuces pour optimiser son site internet, votre site s’affichera plus rapidement et le moteur de recherche « Google » appréciera cette optimisation, je vous l’assure ! J’utilise déjà et quand c’est possible, la plupart de ces recommandations, dans les sites de mes clients. Si vous pensez que ça peux aider votre site, faite en de même 😉 .

Voici 2 astuces que vous retrouverez sur le site :

Optimiser le chargement des scripts sur son site internet

Optimiser le chargement des images avec css sur son site internet

A propos Loïc Tortelier

Dans le domaine de la communication imprimée, web et vidéo depuis 2008, avec une expertise digitale appliquée à la communication de produits numériques et de services, l’accompagnement dans la création d’identités visuelles pour votre marque et l’application de techniques marketing visuelles et sensorielles.

Recevez la newsletter !

liste des supports de communication pour un projet d'entreprise

Recevez dès votre inscription la liste incontournable pour définir vos supports de communication pour votre projet.

  • 42 supports de communication proposés
  • 4 questions indispensables pour chaque supports

Ainsi que les prochains articles et vidéos des projets ou conseils en création de communication visuelle, web et multimédia pour des sociétés, entreprises et indépendants directement par email !






* champ obligatoire.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Je possède un blog et je souhaite afficher un lien vers l'un de mes articles