Lorsqu’on aborde le temps de chargement (pour le seo), on parle bien souvent d’optimiser les images. Nous avons déjà vu des techniques à base d’optipng, de jpegtrans, ou même de Gulp. Mais ces optimisations ne servent finalement pas à grand chose si les images sont de tailles trop volumineuses.
Ex: vous avez une image de 4000 x 2000 pixels qui fait 6,2 Mo. Vous pouvez surement l’optimiser pour arriver à 6 Mo, mais avez-vous vraiment besoin de cette taille ? Peut être qu’une simple image de 300 x 150 suffirait ? Voyons ici comment redimensionner automatiquement au plus juste ces images.
optimisation
Optimiser vos images: les meilleures solutions
Vous souhaitez optimiser le temps de chargement de vos pages ?
La règle 1 c’est de regarder si vous pouvez optimiser vos images. En effet, il s’agit du moyen le plus simple de faire baisser le volume de données pour l’internaute sans toucher à la structure de votre site.
Mais encore faut-il savoir comment faire.
Comment optimiser son disque dur SSD
Voici quelques astuces qui vous permettront d’optimser votre SSD. 1-Pour gagner environ 4 Go, il suffit de désactiver la veille. Pour ce faire: Panneau de configuration > Matériel et audio > Options d’alimentation Cocher Economie d’energie, puis modifier les paramètres et mettre l’ordinateur en mode veille sur « jamais ». En dessous, cliquez sur modifier les paramètres … Lire la suite
Optimisation de code – comment faire perdre du poids aux pages – le serveur – 5/5
Ici, nous traiterons des optimisations serveur. Activer la mise en cache intelligente La meilleure façon d’optimiser les demandes faites à partir de votre page est évidemment de ne pas en faire. Et l’un des moyens les plus utiles pour éviter des demandes non nécessaires est d’utiliser ce qu’il y a déjà dans le cache du navigateur. Par défaut, … Lire la suite
Optimisation de code – comment faire perdre du poids aux pages – les images – 4/5
Cette partie va s’intéresser aux images. Utilisez des sprites css Cette technique regroupe plusieurs images en un seul fichier. Et les positionne à l’aide de CSS. En conséquence, vous avez considérablement réduit le nombre de requêtes HTTP et vous avez éviter tout retard potentiel d’autres ressources sur votre page. Lorsque vous utilisez votre sprite , évitez de … Lire la suite
Optimisation de code – comment faire perdre du poids aux pages – le javascript – 3/5
Charger les contenus tiers en asynchrone Qui n’a jamais chargé un contenu tiers (une vidéo Youtube ou un bouton Tweeter) ? Le gros problème c’est que ces codes ne sont pas toujours délivrés de façon efficace, que ce soit par la connexion de l’utilisateur, ou par la connexion du serveur où ils sont hébergés. Ce service … Lire la suite
Optimisation de code – comment faire perdre du poids aux pages – le css – 2/5
Minimiser vos feuilles de styles CSS Pour maintenir le code lisible, c’est une bonne idée d’écrire des commentaires et d’utiliser des retraits: Mais pour le navigateur, rien de tout cela n’importe réellement. Pour cette raison, n’oubliez pas de diminuer votre CSS grâce à des outils. Cela va diminuer la taille du fichier, ce qui entraînera des … Lire la suite
Optimisation de code – comment faire perdre du poids aux pages – le HTML – 1/5
Voici un dossier apportant toutes les informations possibles sur les bonnes pratiques de l’optimisation des pages WEB. Celui-ci a été traduit de la source suivante: http://browserdiet.com/ Bonne lecture à tous. Est-ce que la performance est vraiment importante? Bien sûr, que c’est important et vous le savez. Alors pourquoi continuez à développer des sites lents qui mènent … Lire la suite
Charger les images pendant le scroll avec JQuery.
Dans le monde du SEO, tout le monde vous dira que le temps de chargement d’une page est important. Sur chaque site, les actions différent, et pour connaitre les optimisations possibles qu’il vous est possible de mettre en place le plus simple est encore de vous rendre sur le Google Page Speed. Prenons l’exemple d’un WordPress. Tout … Lire la suite