Petit astuce à retenir lorsque l’on développe un site web ou que l’on cherche tout du moins à ce faire un aperçu de son résultat en mode « Mobile », que ce soit sur une tablette ou un Smartphone. Si j’ai l’habitude de prendre mon device pour faire le test, il existe, au moins dans Firefox, un raccourci clavier tout simple >> CTRL+SHIFT+M
C’était tout de même un truc magique « Internet ». J’ai découvert le plaisir de créer des sites web durant l’année 2000, une porte ouverte sur le monde pour partager ma musique et j’ai par ailleurs rapidement suivi une formation en CD & Web Developper qui m’a ensuite permis de trouver mon premier job à l’Université de Liège… ou j’y ai entre autre réalisé une série de site web.
Avant de suivre cette formation et de toucher à une série d’outil de la suite Adobe, j’avais pris mes marques avec le logiciel Namo Web Editor qui permettait notamment de prendre en compte pas mal de possibilité du CSS, de belle mise en forme de la balise et des effets de survols sur les objets… Et oui, c’était une autre époque les sites web de cette époque.
Voici donc à quoi ressemblait début 2001, mon site web : www.creadream.org (Creadream Sound Studio) dont une version, loin d’être optimisée pour les résolutions actuelles tourne encore ici : http://cyb0rgjeff.free.fr/
Le site était bien sur en français et en anglais, Internet m’avait clairement motivé à m’améliorer à ce sujet. On y retrouvait une grande partie des musiques de Cyborg Jeff et des autres membres de Creadream Sound Studio : Pierrick, Parmy, Tbob, Codasm,… quelques photos,… mais aussi des listes ! Mes softs drink préférées, mes jeux SNES préférés, mes pilotes de F1 préférés, ainsi que les musiques de mes musiciens tracker préférés…
Ce petit site et son nom de domaine sont resté plusieurs années gentiment hébergé avec le soutient de la SPRL Wan Informatique jusqu’à ce que je me lance dans la conception d’un site web en PHP/MySQL avec Xoops !
Faire vivre ce blog n’est pas chose aisée. Il m’arrive bien souvent que des bugs et autres mauvaises surprises viennent me faire perdre du temps. L’air de rien, ce n’est pas si facile de pouvoir intégrer de manière esthétique les photos qui illustrent mes articles. Hors en tant que photographe, j’avais donné beaucoup d’importance à ce point au fil du temps, me reposant notamment sur l’option « tiled gallery » intégrée au plugin Jetpack ainsi que depuis de longues dates sur des plugins tel que Lightbox et Fancybox pour l’affichage des photos lorsque l’on clique dessus. Des outils que j’aurais alterné aux fils des années et des versions de WordPress…
Néanmoins, depuis la dernière mise à jour de WordPress et Jetpack, voilà que l’ensemble ne fonctionne plus !
En réalité, il faut bien comprendre que pour pouvoir disposer de cette option de mise en forme des galeries WordPress dans une visualisation dite « Tiled Masonry », en gros à la sauce de Pinterest, Jetpack m’impose de nombreux autres options. Tout d’abord, pour utiliser Jetpack, je dois obligatoirement lié mon blog à wordpress.com ce qui implique de nombreux échanges entre mon blog et leur serveur. D’autres part, et plus ennuyant, je suis obliger d’activer le protocole « Photon ». Ce protocole envoie en réalité sur un cloud de serveur WordPress les images hébergées sur mon blog dans des tailles diverses et, en principe soulage le chargement de la page par les internautes pour qu’ils accèdent plus rapidement aux contenus en fonction de leur proximité géographique.
Je m’étais d’ailleurs mis de côté quelques articles confirmant la lenteur liée à Jetpack : https://webidextrous.com/website-performance/how-we-remove-jetpack-and-instantly-improve-wordpress-performance/
Je vous avouerais que dans les faits, moi je constate que cet option est plus lente que l’accès directe à mon serveur Infomaniak, la rolls des hébergements européens… Mais, jusqu’ici, je n’avais pas trop le choix. L’autre éléments désagréables, étant que l’activation de ce protocole, modifie également l’url de mes images dans un truc du genre : https://i2.wp.com/nomdemositeweb.com/download/date/image.jpg?ssl=1 … une url qui n’est dès lors plus reconnue comme une image par mes plugins Fancybox/lightbox depuis la dernière mise à jour.
Pas si facile de trouver une solution à tout cet ensemble. En cherchant des « alternatives » à Jetpack je suis tombé sur divers articles référençant des plugins par fonctionnalité que j’approfondirais au besoin.
https://themeisle.com/blog/jetpack-alternatives/ (Mai 2018)
https://premium.wpmudev.org/blog/jetpack-alternatives/ (2015)
… et j’ai fini par trouver le plugin : Tiled Gallery Carousel Without JetPack qui offre les mêmes options. Peu de réglages possibles, il m’impose lui aussi le nouvel outil d’affichage des photos de la galerie, très jolis mais qui ne fonctionne que pour les images d’une galerie. Il est à noter que pour fonctionner, il faut désactiver l’option « Photon/CND » de Jetpack, ou avoir supprimer Jetpack…
De la sorte, j’ai donc pu conserver les galeries déjà en place dans mes nombreux articles, je peux me passer de la ré-écriture d’URL sur mes images. Et le site semble plus rapide tel quel.. et probablement cela améliorera aussi le référencement du blog, puisque les images seront liées à mon hébergement et non à wordpress.com. Voilà pour les points postifis.
Mais il reste une série de « points négatifs » à régler…
Bon, j’imagine ne pas avoir à me préoccuper du protocole https que je pensais rester uniquement nécessaire au site web utilisant des paiement en ligne… Mais à l’heure de la sécurité des « données utilisateurs », Google a décidé de fortement pénaliser les sites web n’ayant pas migrer vers ce nouveau protocole dans les mois à venir… Voilà qui m’oblige donc à me pencher un peu plus sur le sujet notamment via cet article publié chez Press-Citron.
« Le passage d’un site en HTTPS est un sujet d’actualité. Tout le monde en parle et chacun donne un avis plus ou moins éclairé sur le sujet. Si vous souhaitez optimiser votre site internet ou même créer un site internet vous devez vous y intéresser. Il nous a semblé indispensable d’expliquer pourquoi Google demande le passage en HTTPS des sites internet et quels sont les impacts sur les sites web existants. » (Pourquoi et comment passer son site en HTTPS, Press-Citron)
Sans entrer dans les détails, la migration ne se présente pas comme une procédure simple à mettre en place, elle s’annonce même comme relativement couteuse (jusqu’à 2000€) s’il vous faut passer par un spécialiste. Il y a lieu en effet de toucher à des points sensible de clé de cryptage, interfaçage domaine/référencement et ré-écriture d’URL.
Divers site web se retrouvent en ce moment bizarrement attaqué par un “Hacked by NG689Skw” et autres label de ce genre. Peut-être simplement un avertissement qui aurait permis à divers hacker de rapidement repéré les sites qui tomberait sous les nouvelles failles de sécurité importante annoncée par WordPress ? Voilà qui rappelle de rester à jour le plus rapidement possible !
Un sujet à approfondir sur le forum de WordPress.