Notions générales
- Fichiers sources : Les “fichiers sources” comprennent tous les éléments originaux utilisés ou créés pendant le développement, tels que les compositions graphiques, les images en haute résolution, les textes et les scripts de code.
- Fichiers optimisés: La “gestion de l’espace serveur web” fait référence à l’organisation et à l’optimisation des fichiers utilisés sur le site en ligne, comme les images compressées et le code minifié. L'”optimisation des médias” implique la réduction de la taille des fichiers média pour accélérer le chargement des pages sans sacrifier la qualité visuelle ou audio.
- Différenciation : L’archivage se concentre sur la sauvegarde sécurisée et l’organisation des fichiers originaux pour un accès futur, tandis que la gestion de l’espace serveur implique l’utilisation de fichiers optimisés pour garantir la performance en ligne du site web.
- Importance de la gestion des ressources : Une gestion efficace permet d’assurer la sécurité des données, d’améliorer la vitesse de chargement des sites, et de faciliter la collaboration entre les membres de l’équipe de développement.
Notions d’archivage des fichiers sources dans le Cloud
- Sécurité et accessibilité : L’archivage dans le cloud, via des services comme Google Drive, One Drive ou Dropbox, permet de stocker les fichiers de manière sécurisée tout en les rendant accessibles à distance. L’utilisation de systèmes de sauvegarde automatique et d’authentification à deux facteurs renforce la sécurité.
- Travail non-destructif : L’enregistrement des différentes versions d’un fichier (par exemple, via l’historique des versions de WordPress, Figma ou les commits dans un système de contrôle de version comme Git) permet de revenir à une version antérieure sans perte d’informations, favorisant l’expérimentation et les ajustements créatifs.
- Collaboration améliorée : Les plateformes cloud offrent des fonctionnalités de partage et de collaboration en temps réel, permettant aux membres de l’équipe de travailler simultanément sur les mêmes fichiers, d’apporter des commentaires et de suivre les modifications.
- Historique des versions : Des services comme GitHub ou Bitbucket permettent de suivre et de gérer l’historique complet des modifications apportées aux fichiers sources, facilitant la compréhension des évolutions du projet et la résolution des conflits.
Notions d’optimisation des médias optimisés pour le serveur Web
- Préparation des médias : L’utilisation d’outils comme Adobe Photoshop ou Figma pour les images ou Media Encoder pour les vidéos permet de réduire la taille des fichiers tout en conservant une qualité acceptable. Des techniques comme le “Save for Web” dans Photoshop offrent un équilibre entre qualité et taille de fichier.
- Formats adéquats : Choisir des formats modernes tels que WebP pour les images ou H.264 pour les vidéos, qui offrent une meilleure compression et sont largement pris en charge par les navigateurs.
- Embed vs Hébergement : Embedder des vidéos depuis YouTube ou Vimeo réduit la charge sur le serveur web et tire parti de l’optimisation et de la mise en cache de ces plateformes. Cela libère de l’espace serveur et assure une lecture fluide des vidéos, quel que soit l’appareil ou la vitesse de connexion de l’utilisateur.
- Outils d’optimisation WordPress : En aval, ou des plugins WordPress tels que WP Smush permettent l’optimisation automatique des médias lors du téléchargement sur le site.
- Impact sur la performance : L’optimisation des médias peut considérablement réduire le temps de chargement des pages, améliorant l’expérience utilisateur et le SEO. Des outils comme Google PageSpeed Insights peuvent aider à identifier les fichiers média qui nécessitent une optimisation.