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

Consultant et créateur en communication. Sur F4 Design Loïc est le créateur d’identités visuelles, supports de communication, publicité web et sites internet de plusieurs 10aines de sites internet d'entreprises, sociétés et associations qui misent sur leur communication pour se démarquer et accroître leurs notoriétés. Ses sites : www.f4-design.fr , www.comment-devenir-independant.fr , www.editions-de-la-paume.com

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