Nous vivons à l’ère de la performance. Toujours plus haut, plus loin… Et plus vite.
Si le temps de chargement de votre site est trop long, l’impatience généralisée aura raison de vos visiteurs.
Voici trois moyens simples d’accélérer le temps de chargement de vos pages et limiter la fuite des impatients.
Comment réduire la taille d’une photo pour ?
Pour optimiser votre temps de chargement, vous pouvez limiter la taille et le poids des images au strict nécessaire.
Pas besoin d’une photo au format poster pour l’afficher en 500px / 500px. Vous pouvez réduire le nombre de pixel pour diminuer la taille de votre photo et compresser pour l’alléger.
Voici deux applications web qui pourront vous aider :
Réduire la taille et le poids avec Squoosh.app
- Ouvrez le site Squoosh.app
- Glissez votre image
- Modifiez la taille avec l’option resize
- Choisissez le format de sortie
- Téléchargez l’image réduite
Compressez les images par lot avec Tinyjpg
- Ouvrez le site tinyjpg.com
- Sélectionnez une ou plusieurs images
- Glissez toutes vos images dans l’application
- Visualisez la compression
- Téléchargez les images réduites
Websiteplanet, le bonus proposé par une de nos lectrice
- Ouvrez le compresseur d’images
- Sélectionnez des images jusqu’à 50MB
- Laissez la magie opérer
- Téléchargez les images réduites
Vous voulez percer sur le web ?
School.startup-now.co est le centre de formation de Startup-Now qui propose des accompagnements personnalisés et des formations pour passer votre entreprise au niveau supérieur.
Comment intégrer une vidéo sans pénaliser votre temps de chargement ?
Le format vidéo est un puissant vecteur d’engagement pour communiquer avec votre public. Malheureusement, il peut ruiner votre temps de chargement si vous hébergez vous même la vidéo sur votre site.
La solution ? Afficher une vignette miniature de votre vidéo et ne lancer la vidéo que quand votre visiteur clique dessus. Si vous hébergez la vidéo sur Youtube, Viméo ou un service dédié comme proposé par Infomaniak, vous aurez un site rapide.
Suivant votre solution de création web (wordpress, wix, webflow…) vous pouvez aussi afficher une image avec un lien vers la vidéo. Ensuite vous choisissez l’ouverture dans une visionneuse plutôt que dans un nouvel onglet.
Exemple d’intégration vidéo
Cette vidéo est hébergée sur YouTube mais ne se lancera que si vous cliquez sur la vignette. Pour l’instant, seulement l’image légère a été chargée.
Empêcher les voleurs de charger des images depuis votre site
Les voleurs d’images sont légion sur le web. Les plus malicieux utilisent le hotlinking. C’est à dire qu’il n’héberge pas la photo volée sur leur site mais l’affiche directement depuis votre serveur.
Cette pratique a pour objet d’utiliser vos ressources plutôt que les leurs.
Pour mettre un terme à ces pratiques de malfaisants, vous pouvez ajouter ce bout de code au fichier .htaccess de votre site wordpress.
#Hotlinking
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?votre-domaine.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ - [NC,F,L]Quoi j’avais dit simplissime ?
Si vous n’êtes pas à l’aise avec ce genre de pratiques, le plugin Yoast SEO vous fournit un éditeur de fichier dans sa boîte à outils. Vous pouvez accéder en un clic au fichier .htaccess et procéder à la modification !
Vous aimerez aussi
