Perdez-vous des visiteurs de votre site web en raison des temps de chargement de la page lent ? Est votre site étant pénalisé parce que les images sur votre site sont trop gros ? Vous êtes capable de capter l'attention de votre visiteur dans les premières secondes de 10-15 qu'ils sont sur votre site ?
Tous ces problèmes peuvent être causés par une page web, mal optimisé. En d'autres termes, la page se charge trop lentement et votre visiteur quitte avant vous avez eu l'occasion de leur crochet.
Optimiser une page pour les temps de chargement rapide peuvent être décomposés en 3 grandes catégories : la base de codage de la page, des scripts qui sont utilisés sur la page et images. De ces trois, images trop grandes peuvent avoir l'impact plus important sur des temps de chargement et ont donc le plus grand potentiel pour améliorer page chargement fois si bien optimisé.
Une brève amorce sur les types d'images
Il y a beaucoup d'image formats communs utilisent sur les sites web, les trois plus populaires étant les GIF, JPEG et dans une moindre mesure de contenu Flash. Nous limiter notre discussion pour les images GIF et JPEG, avec un accent spécifique sur les images fixes.
Chacun de ces formats d'image a leurs forces et leurs faiblesses. GIF ou Graphics Interchange Format a été développé par CompuServe avant le boom de l'Internet comme un moyen de partager des images sur le service de CompuServe. En raison de limites avec des résolutions d'écran et la profondeur de la couleur à l'époque, images GIF étaient limités à montrer jusqu'à 256 couleurs, plus de couleurs ont été imitées par tramage, un processus de tromper l'oeil en voyant une couleur à l'aide de 2 ou plusieurs ensembles de points de couleur espacement de trop près pour l'oeil de distinguer séparément.
Imaginez un échiquier avec des carrés noir et blancs. Lorsqu'on l'examine de près on peut voir distinctement les carrés individuels, mais si nous reculer assez loin nous serons n'est plus capables de discerner les carrés individuels et au lieu de cela nous verrons un grand carré gris, noir et blancs carrés fusionner ensemble à nos yeux pour former une couleur unie. C'est le concept de tramage.
D'autre part, le format de fichier JPEG est un format plus récent capable de gérer facilement des millions de couleurs. L'inconvénient initial à des images JPEG est qu'elles contiennent beaucoup plus de couleurs, et chaque couleur nécessite certains codant pour l'affichage, rendant la taille de fichier plus grande.
Accélérer les temps de chargement des images
L'idée principale derrière faire une image à charger plus rapidement est de faire la taille de fichier plus petit. Cela peut se faire de deux façons, vous pouvez prendre les dimensions de l'image plus petite, ou diminuer la quantité de codage qui est requis pour afficher l'image.
La façon la plus facile à réduire d'une taille de fichier des images est de réduire les dimensions de l'image. En d'autres mots, plus l'image est petite, plue la taille du fichier. Imaginez une image qui est un carré de 80 pixels par 80 pixels. Le nombre de pixels contenus dans l'image est de 80 x 80 ou 6400 pixels individuels. Si nous réduisons la taille de l'image par la moitié de 40 pixels sur 40 pixels, nous avons alors 40 x 40 ou 1600 pixels. Pour réduire la taille de l'image dans la moitié réduit la taille du fichier à un quart de l'original.
C'est notre principe premier de réduction de taille Image fichier : Utilisez les dimensions de l'image plus petites qui fonctionneront avec votre mise en page. Et même les moins images sur la page, les pixels d'une image moins, donc moins la taille de la page.
Formats d'image GIF et JPEG utilisant différentes méthodes d'enregistrement des informations de l'image, ils ont tendance à être mieux montrer certains types d'images et de pire à montrer d'autres.
Images GIF, puisqu'ils sont limités à 256 couleurs par image, sont mieux à l'affichage des images avec des blocs solides de couleur et avec très petites dimensions physiques. Le format GIF produira des tailles de fichier plus petites que JPEG pour ces types d'images.
Les images JPEG sont meilleures à montrant des dégradés ou des changements subtils d'une couleur à l'autre. Donc JPEG reproduire des photographies très bien, ou toute autre image avec des gradations. Le format JPEG va produire de plus petites tailles de fichier pour ces types d'images que le format GIF.
C'est notre deuxième principe d'Image fichier de réduction de la taille : Choisissez le format d'image correcte pour l'image que vous utilisez. La plupart des pages web contient une combinaison d'images GIF et JPEG.
Diminuant le codage est appelée compression de l'image. Les images GIF et le format JPEG peuvent être comprimées, mais le processus est différent. Dans les images GIF que nous essayons de limiter le nombre de couleurs, dans une image JPEG nous utilisons algorithmes logiciels pour supprimer les informations superflues à partir du fichier.
Chaque fois que nous avons compresser un fichier, nous allons perdre une qualité d'image. Nous devons parvenir à un équilibre entre une petite taille et une qualité d'image acceptable.
C'est notre troisième principe d'Image fichier de réduction de la taille : Trouver le niveau de qualité d'image moins acceptable. La plupart des images peuvent gérer une compression avec perte de qualité très peu, et toutes les images peuvent subir de perte de qualité image plus et encore être acceptable. Votre tâche est de décider combien vous pouvez accepter de perte de qualité. En d'autres termes, plus la qualité, de la petite taille de fichier.
Images GIF peuvent généralement être réduite à 256 couleurs, 128 couleurs ou moins, les couleurs moins utilisé plus la taille du fichier. Images JPEG peuvent presque toujours être réduits à un paramètre de qualité de 80 % et souvent peuvent être réduites jusqu'à aussi peu que 15 à 30 %. Donc lorsque vous utilisez un niveau de compression plus élevé (le plus petit nombre) la taille du fichier sera réduite. Expérimenter l'image, essayez des paramètres de plus en plus petits jusqu'à trouver le plus petit établissement qui affiche toujours une qualité acceptable.
La page de chargement le plus rapide n'aura aucune image et la page de chargement plus lente sera complètement remplie avec des images pleine résolution. Si vous travaillez vers le contrôle de vos images en utilisant les principes énoncés ci-dessus vous aurez une page web très maigre qui charge rapidement et être considérée favorablement par les moteurs de recherche.