Website Speed Part 2: Working With and Optimizing Images for the Web. This is the second part the website speed series where we closely look at the techniques employed to make a website run as fast as possible while still maintaining it’s stunning look and feel.
Images can make or break a website, whether that be adding a humanist feel to a site, adding animation and mouse over effects or finalizing that amazing design that just can’t be achieved with CSS alone. Yet all these images could cost the biggest price of any website, loss of visiting traffic. If a website takes too long to load or is unusable due to all of the images then it’s game over as the user will quickly go back to Google and search again.
There are however many techniques that you as a web designer can use to either reduce the number of images that are loaded or reduce the size of those images. So without further a-due, on with the list of techniques… #1: Choose the right image type for the job GIF ~ *.gif • Limitations: Can only hold up to 256 colors in total. JPG ~ *.jpg or *.jpeg An icon. Quick Online Tips. C CSS de (CSS niveau 2.1) Markup Validation. You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element.
This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).
This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information. How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. Optimiser l’accès à toutes les pages de votre blog pour les moteurs de recherche. Si vous êtes un habitué de ce blog, vous devez maintenant savoir que la monétisation de son espace web ne se résume pas uniquement à démarcher des sponsors ou à placer des encarts publicitaires contextuels partout.
Monetiser correctement son blog (ou son site d’ailleurs) relève d’une stratégie globale dont fait notamment partie le référencement (ce n’est donc pas étonnant qu’une catégorie distincte lui soit consacrée sur Monetiweb). Pour faire simple et rapide, puisque cela a déjà été expliqué, mieux vous serez référencé dans les moteurs de recherches et plus facilement les internautes pourront vous trouver suivant certains mots-clés spécifique, plus vous aurez donc de visites … et plus vous pourrez potentiellement monétiser.
Lorsqu’un robot de moteur passe chez vous il est donc important de lui faciliter la tâche en l’aidant à naviguer au sein de vos différentes pages afin qu’il les répertorie toutes comme il le faut. Les liens relatifs L’auto linking Le nuage de tags. Wordpress: 5 trucs pour customiser la section commentaires. Sur de nombreux blogs, la section commentaires est souvent un peu laissée pour compte, ce qui est dommage étant donné que c’est précisément à cet endroit que vous interagissez avec vos lecteurs.
Voyons ensemble comment rendre cette section plus attrayante en séparant les trackback des commentaires, en gérant les Gravatars, etc. Séparer Trackbacks et commentaires Si un de vos articles rencontre un certain succès, il se peut qu’il devienne rapidement inondé de trackbacks. Voici comment afficher les trackbacks avant ou après les commentaires afin de rendre la lecture plus claire pour vos visiteurs.
Nous allons tout d’abord créer une variable nommée $comment_type et nous lui assignerons le résultat de la fonction get_comment_type(): get_comment_type() retournera “comment” si le commentaire est un commentaire classique, et “pingback” s’il s’agit d’un trackback. Utiliser Gravatar Gravatar est un service online qui permet d’associer un avatar à une adresse mail. <? <li class="<? <li class="<?