Connect with us

Cours / Tuto / Formation

Optimiser rapidement son site web grâce au JPEG progressif via 3Vision-Group

Publié

le

Parles en sur les réseaux sociaux ! PARTAGE !!

Introduction

Une tâche très importante dans l’optimisation d’un site web est l’optimisation des images en elle-mêmes. Dans l’un de nos guides précédents, nous avons appris à améliorer efficacement la performance du site en utilisant des images scalées (ou mises à l’échelle) . Dans celui-ci, nous allons faire un pas de plus et apprendre à utiliser le JPEG  progressif.

Quelle est la différence entre les JPEG de base et les images JPEG progressives?

Généralement, les images JPEG sont chargées de haut en bas. Les images JPEG progressives diffèrent en montrant toute l’image immédiatement tout en chargeant une partie des données, ce qui signifie qu’elle peut apparaître pixellisée jusqu’à ce qu’elle soit complètement chargée. Vous trouverez ci-dessous un exemple pour une meilleure compréhension.

Cycle de chargement JPEG de base :

jpeg chargement basique

Cycle de chargement JPEG progressif:

progressive jpeg chargement

Comment les images JPEG progressives amélioreront-elles les performances du site Web?

En plus d’une meilleure expérience visuelle, les images JPEG progressives sont de 2% à 10% plus petites par rapport aux images de base. Ce qui leur permettra d’améliorer le chargement de votre site Web et les performances globales. Vos demandes vers le serveur seront plus courtes et plus efficaces. Ce qui réduira également votre utilisation de ressources telles que la bande passante et l’espace disque. C’est extrêmement efficace si vous hébergez un site Web sur des services d’hébergement gratuits ou mutualisés. Les sites Web avec une grande quantité d’images JPEG de base auront aussi une qualité moindre d’image qu’avec des images JPEG progressives. Il est également important de mentionner que les visiteurs qui accèdent à votre site Web via un appareil mobile ou une connexion Internet lente auront une meilleure expérience visuelle globale et des temps de chargement plus rapides si vous utilisez des images JPEG progressives.

IMPORTANT! Certains navigateurs (par exemple Internet Explorer avant Windows 7) ne prennent pas en charge les images JPEG progressives. Cependant, toutes les versions ultérieures le supportent.

Ce dont vous aurez besoin

Avant de mettre en place des JPEG progressif, assurez vous d’avoir les éléments suivants:

  • Accès au FTP

Étape 1 – Analyse de votre site

Pour localiser les images JPEG de base qui peuvent être remplacées par des JPEG progressifs, nous utiliserons WebPageTest.org . Cet outil est vraiment génial, car vous pouvez obtenir la version progressive d’une image JPEG directement sur le site !

Voici les résultats de la section Performance analysis après avoir analysé un site de test:

jpeg progressif test 1

Étape 2 – Téléchargement d’images JPEG progressives

Il existe une grande variété d’outils qui vous permettront de convertir les images JPEG de base en progressives. Voici quelques-uns:

Option 1 – Compression en JPEG progressif à l’aide de WebPageTest.org

Après avoir trouvé la liste des images pouvant être remplacées, accédez à la section Details et appuyez sur View all images (en dessous du premier test Waterfall)

view all images webpagetest

Cette section affichera toutes les images de votre page. Appuyez sur Analyze JPEG sur chaque image que vous avez vu à l’étape 1 de ce didacticiel et faites défiler vers le bas.

analyze jpeg webpagetest

Vous y trouverez une image en dessous de Quality 85 Image. Enregistrez toutes les images en qualité 85 sur votre ordinateur et passez à l’étape suivante. Nous vous recommandons fortement de sauvegarder les images avec le même nom de fichier que celles d’origine. De cette façon la procédure de remplacement sera beaucoup plus facile.

Option 2 – Convertir les JPEG de référence en progressifs avec Optimizilla

Si vous prévoyez de télécharger plus d’images sur votre site à l’avenir, ou si votre site Web n’est pas encore en ligne, vous pouvez utiliser Optimizilla pour convertir vos images JPEG de base en progressives. En utilisant cet outil, vous pouvez optimiser jusqu’à 20 images et les rétrécir en utilisant des algorithmes de compression. Vous pourrez les convertir en qualité 85 ou moins encore.

optimizilla utilisation

IMPORTANT! En dessous de 85 cela peut entraîner une perte de qualité visible. Procédez avec attention.

Option 3 – Optimisation des images avec des plugins CMS

Si vous avez un blog WordPress, vous pouvez facilement optimiser vos images JPEG de base en utilisant WP Smush. Consultez ce tutoriel pour obtenir des instructions détaillées sur l’ utilisation de WP Smush

Étape 3 – Remplacement des anciennes images

IMPORTANT! Assurez-vous de sauvegarder votre site Web ou les images que vous envisagez de remplacer avant de continuer.

À l’aide du Gestionnaire de fichiers -en anglais- ou d’un client FTP , localisez les images de l’Étape 1. Supprimez les et remplacez-les par les nouvelles images en qualité 85 acquises à l’ étape 2. Encore une fois, assurez-vous qu’elles ont le même nom de fichier pour éviter les erreurs 404 ou les problèmes de chargement.

Étape 4 – Test des modifications

Une fois que toutes les images sont téléchargées, effacez votre cache de navigateur et ouvrez votre site Web pour voir si tout charge bien. Après cela, vous pouvez analyser votre site Web avec WebPageTest.org pour vérifier si tout a été fait correctement. Voici les résultats que vous devriez voir dans la section Performance review :

jpeg progressif test 2

Conclusion

Dans ce guide, nous avons appris à augmenter la vitesse de votre site Web en utilisant des images JPEG progressives au lieu de celles de base. Vos visiteurs seront plus heureux puisqu’ils auront une expérience plus fluide. Vous réduirez aussi l’utilisation des ressources du site, aurez une amélioration des performances SEO de votre site Web. Dans l’histoire tout le monde est gagnant !

Vous pouvez confiez la mise en place à l’agence web 3Vision-group

Intégrez les groupes Whatsapp ci-dessous selon vos pays de résidence pour recevoir en instantané toutes les offres d'emploi proches de chez vous.- Bénin - Niger - Sénégal - Togo - Côte d'Ivoire - Cameroun - France (NEW) -Pour les autres pays NB:Ces offres peuvent être bien utiles pour vous mais aussi pour vos proches donc n'hésitez pas à les partager aussi autour de vous.

DOINGBUZZ TV


INTEGRE CES GROUPES D'EMPLOI SUR FACEBOOK EN RAPPORT AVEC VOTRE PAYS

Pour les autres pays c'est en cours..

Premiers sur l'exclusivité et tout ce qui est sujet brûlant Culture · Cinéma . Interviews · Musique · Clips · Paroles · Emploi . People . Téléchargement etc.. Le web étant devenu un facteur incontournable dans la promotion d'un artiste et de ses oeuvres, s'incarne en projecteur sur la musique africaine en particulier et la culture africaine en général. Un projecteur qui extrapole sa lumière sur les actualités sportives et diverses pour plus de complexité. Une équipe homogène et dynamique assure le buzz comme nom l'indique. , l'exclu et le buzz sont ici!* Email: !

Un espace publicitaire disponible pour vous
Laisser un commentaire ou un avis

Laisser un commentaire ou un avis ou une demande

PRONOSTIC: Qui va gagner la final de la CAN 2019? VOTE

PRONOSTIC: QUI VA REMPORTE FINALE DE LA COUPE D'AFRIQUE 2019

View Results

Loading ... Loading ...

Intérressé par l’Offre d’emploi ? Abonne toi

Emploi Picto Feutre 10094 086244100 1108 05042016
Congo RDCIl est 1 minute

MSF recruits 01 Supply Chain Coordinator

Emploi Astuce Pour économiser Son Forfait Compressor
Emploi/ConcoursIl est 4 minutes

CCFD-Terre Solidaire recrute 01 Chargé de campagne

Enseignant Emploi
Emploi/ConcoursIl est 5 minutes

Care France recrute 01 Référent Cohésion Sociale RESILAC

Emploi E Commerce 5conseils Pour Faire De Ba Compressor
CentrafriqueIl est 10 minutes

Oxfam recruits 01 Logistic Officer

Technico Commercial Emploi
Emploi/ConcoursIl est 12 minutes

Unis-Cité recrute 01 Responsable d’Antenne

Emploi/ConcoursIl est 14 minutes

RecruitingCesvi recruits 01 Programme Manager

Opportunité
EntreprenariatIl est 17 minutes

Rédaction de Mémoire à Dakar

Une Infirmière, Se Fait Refuser ,aturalisation Française, Travaille Trop
ActualitésIl est 3 heures

Une infirmière se fait refuser sa naturalisation française car elle travaille trop

Files Mexico Us Drugs Chapo Guzman Extradition
A la uneIl est 3 heures

Joaquin Guzman Loera dit El Chapo condamné à la prison à vie !

5cdf094b850de06ab246a2a4bd18376dd636cd9c
Actu-PeopleIl est 3 heures

Il ne s’est pas coupé ni lavé les cheveux depuis 40 ans car ils sont “une bénédiction de Dieu”

Aliou Cisse,la Défaite ,algérie était Un Faux Pas
CAN 2019 INFOIl est 3 heures

ALIOU CISSE; «La défaite contre l’Algérie était un faux pas»

Retour Des Lions,macky ,affrète, Vol Spécial
Actu-PeopleIl est 3 heures

Retour des Lions : Macky affrète un vol spécial

Utilisation émojis ,un Raccourci ,double Tranchant
Actu-PeopleIl est 3 heures

Utilisation émojis : Un raccourci à double tranchant

Polémique ,sibeth Ndiaye, Phrase, Homards, Kebabs ,ne Sont Pas ,passées Inaperçues
ActualitésIl est 3 heures

Polémique : Sibeth Ndiaye et sa phrase sur les homards et les kebabs ne sont pas passées inaperçues

Une Egyptienne Saute Sur Sadio Mané à Sa Descente Du Bus
CAN 2019 INFOIl est 3 heures

VIDEO. Une Egyptienne saute sur Sadio Mané à sa descente du bus

Kalidou Koulibaly
CAN 2019 INFOIl est 4 heures

VIDEO. Finale CAN 2019 – Aliou Cissé : « Je suis triste… »

Krépin Diatta
CAN 2019 INFOIl est 4 heures

Krépin Diatta : « je pense qu’à une seule chose, la Coupe »

2019 Mercedes Maybach S600 Pullman Guard
Actu-PeopleIl est 4 heures

Comment une limousine à 1 milliard peut-elle prendre feu ?

Sadio Mané
CAN 2019 INFOIl est 4 heures

Finale CAN 2019 : Sadio Mané, à la quête du Ballon d’Or

Le Coach Algérien Sur La Finale
CAN 2019 INFOIl est 4 heures

CAN 2019 – Le coach Algérien sur la finale : « On peut bien la perdre… »

Voici L’historique De Toutes Les Rencontres Sénégal Vs Algérie
CAN 2019 INFOIl est 4 heures

CAN 2019: Sénégal VS Algérie : Bilan des rencontres

Diaba Sora 5 2
Actu-PeopleIl est 4 heures

Video- Diaba Sora franchit encore le rubicond sur instagram

L'exfiltration De Macky Et Ibk De La Limousine Présidentielle En Feu
SénégalIl est 4 heures

L’exfiltration de Macky et IBK de la limousine présidentielle en feu

Eto'o Et Drogba Deviennent Collaborateurs Officiels Du Président De La Caf
ActualitésIl est 4 heures

Eto’o et Drogba deviennent collaborateurs officiels du président de la CAF

France,le Ministre De L’environnement, Démissionne,attaque ,médias
ActualitésIl est 5 heures

France: Le ministre de l’Environnement démissionne et s’attaque aux médias

Ce Pays Africain , Plus Dangereux , Femmes ,voyageant Seules
A la uneIl est 5 heures

Ce pays africain est le plus dangereux pour les femmes voyageant seules

Irak, Un Diplomate Turc ,abattu,n Restaurant, La Turquie Menace
ActualitésIl est 5 heures

Irak: Un diplomate turc abattu dans un restaurant, la Turquie menace

Faceapp,l’application ,devenue Virale , Quelques Jours
A la uneIl est 5 heures

FaceApp: l’application devenue virale en quelques jours

El Chapo,la Justice Américaine ,rendu ,verdict,narcotrafiquant
ActualitésIl est 5 heures

El Chapo: La justice américaine a rendu son verdict pour le narcotrafiquant

Juge De Cpi
A la uneIl est 5 heures

CPI: La RFI met à nu la rébellion armée, l’armée française, l’ONUCI et Ouattara dans la crise ivoirienne

Canal
CamerounIl est 4 jours

RECHERCHE DES GÉRANTES POUR BOUTIQUE CANAL+ ET SECRÉTARIAT BUREAUTIQUE

Mtn Nigeria Mobile Money Innovafrica
CamerounIl est 4 jours

OFFRE D’EMPLOI POUR GÉRANTES DE BOUTIQUE MTN MONEY ET VENTE DE TÉLÉPHONE

Hh
CamerounIl est 4 jours

RECHERCHE DES HÔTESSES DE VENTE

Manequin
CamerounIl est 4 jours

CASTING DE MANNEQUINS ET MODÈLES HOMMES ET FEMMES CHEZ FASH ÉVENT & RENTALS.ETS

Eu
CamerounIl est 4 jours

RECHERCHE DE GÉRANTES POUR BOUTIQUE DE VENTE D’ARTICLES ET TRANSFERT MOBILE MONEY

Entretien
CamerounIl est 22 heures

LA SOCIETE USINOR SARL RECHERCHE DES AGENTS D’ENTRETIEN

Bad
AFRIQUEIl est 2 jours

LA BAD recrute des Chauffeurs, Secrétaires, Éditeur/Rédacteur Supérieur, Chargé De Trésorerie, Assistant administratif et financier, Services Publics D’electricite….

Media
CamerounIl est 23 heures

MEDIA CONTACT CAMEROUN RECRUTE DES TÉLÉCONSEILLERS

Pharmacie
CamerounIl est 23 heures

OPPORTUNITE : RECRUTEMENT DES COMMIS DE PHARMACIE CHEZ ROSA PARK

Logo Orange
CamerounIl est 7 jours

Recrutement De 500 Brand Ambassadors Orange

Bourses Détudes
BoursesIl est 5 jours

167 Bourses d’études supérieures du Canada Vanier

Concours
BoursesIl est 4 jours

Concours Offre des Bourses d’études au Maroc

Operadoracaixa
CamerounIl est 2 semaines

RECRUTEMENT DE CAISSIÈRES DANS PLUSIEURS RÉGIONS DU CAMEROUN

Call
CamerounIl est 7 jours

ASTRA CALL CENTER RECHERCHE DES TÉLÉCONSEILLERS (H/F)

9779804 Les Employés Travaillant Dans Un Centre D Appel
CamerounIl est 7 jours

InternaINTERNATIONAL NEGOCE CALL CENTER RECRUTE DES AGENTS TÉLÉ OPÉRATEURS

Mtn Orange Money
CamerounIl est 2 semaines

RECRUTEMENT DES AGENTS ORANGE ET MTN MONEY

Insolite, Un Jeune Homme ,reste Coincé , Femme Mariée ,pendant ,lacte
Actu-PeopleIl est 5 jours

Insolite: un jeune homme reste coincé dans une femme mariée pendant lacte

J’utilise Les Hommes ,pour Satisfaire Mes, Désirs Sexuels , Ensuite Je Me Débarrasse D’eux ,dixit Une ,actrice Ghanéenne
Actu-PeopleIl est 4 jours

« J’utilise les hommes pour satisfaire mes désirs sexuels et ensuite je me débarrasse d’eux », dixit une actrice ghanéenne

Mena
CamerounIl est 4 jours

OFFRE D’EMPLOI POUR MÉNAGÈRES RÉSIDENTE

Ghana, Des Femmes, Font La Queue,acheter Du Charme, Fait Vibrer,hommes Au Lit ,vidéo
Actu-PeopleIl est 5 jours

Ghana : des femmes font la queue pour acheter du charme qui fait vibrer les hommes au lit (vidéo)

Img01
CamerounIl est 2 semaines

EXPERT EVENT RECRUTE DES HÔTESSES SUPERMARCHÉS POUR SOURCE DU PAYS

Emploi Picto Feutre 10094 086244100 1108 05042016
Emploi/ConcoursIl est 4 jours

Une Institution Financière recrute 01 Comptable

Axa Depasse Les Attentes Au 1er Trimestre
CamerounIl est 2 semaines

RECUTEMENT A AXA ASSURANCE BANQUE

32
CamerounIl est 3 semaines

CIMENCAM RECRUTE DU PERSONEL

100
EntreprenariatIl est 2 semaines

recherche secretaire genarale

Serge Beynaud, Réagit , Critiques , Internautes,moqué , Krépin Diatta
Actu-PeopleIl est 2 semaines

Serge Beynaud réagit aux critiques des internautes après s’être moqué de Krépin Diatta

Emploi/ConcoursIl est 5 jours

Unis-Cité recrute des Travailleurs Sociaux

Cote d'ivoireIl est 4 jours

Orange recrute 01 Manager Communication Digitale et Performance

10666710
CamerounIl est 2 semaines

OFFRE D’EMPLOI POUR COMPTABLES OPÉRATIONNEL

Emploi Picto Feutre 10094 086244100 1108 05042016
Emploi/ConcoursIl est 4 jours

Orange recrute 01 Analyste fonctionnel (DSIF/PILPRO)