Notes sur les problèmes web que les équipes ressentent vraiment.

Notre image principale disparaissait sur iPhone. Un bloqueur de publicités la cachait.

Pendant des semaines, l'image principale de trois de nos propres pages disparaissait une seconde et demie sur iPhone, au premier chargement seulement. Rien ne le reproduisait en laboratoire.

Un relevé de terrain de cinquante lignes l'a trouvé en trois chargements de page : un bloqueur de publicités masquait tout élément dont la classe commençait par ad-.

Pourquoi la page saute pendant le chargement

Ce qu'est le décalage de mise en page et pourquoi il est perçu comme une panne, les quatre causes derrière presque tous les cas (images sans dimensions, intégrations sans espace réservé, polices qui se substituent, bandeaux injectés tard) et les correctifs exacts, y compris là où WordPress connaît déjà la largeur et la hauteur de chaque image.

Les téléphones téléchargent vos images de bureau

Pourquoi une image principale de 2,6 Mo atteint un téléphone qui n'a besoin que de 33 Ko, comment srcset et sizes laissent le navigateur choisir, quand vous avez vraiment besoin de l'élément picture, ce que WebP vous apporte, et où les thèmes WordPress défont en silence le travail que WordPress a déjà fait pour vous.

Votre médiathèque est publique

La médiathèque n'est pas un dossier privé, ni sous WordPress ni ailleurs. Ce que cela signifie pour les brouillons et les dossiers téléversés pour obtenir un lien, pourquoi couper l'API est le mauvais correctif, et comment marquer un fichier privé sans rien casser.

Après le bouton Envoyer

Le dernier épisode de la série : où va réellement un envoi. L'enregistrement avant la notification, le circuit d'e-mail qui pourrit en silence, la confirmation avec de la substance, et la surveillance qui remarque la semaine où votre formulaire se tait.

Bloquer le spam sans CAPTCHA

Les CAPTCHA taxent les humains et ralentissent à peine les professionnels. L'alternative silencieuse : un pot de miel, une horloge, une limite de débit et un contrôle de contenu qui signale au lieu de bloquer, le tout côté serveur, là où le visiteur ne voit rien.

Contrôles natifs sur un thème sombre

Chaque contrôle natif de formulaire est peint par deux mains : votre feuille de style et le navigateur du visiteur. Sur un fond sombre, la moitié du navigateur continue de peindre pour une page claire. La flèche invisible du menu déroulant, le calendrier aveuglant, le déluge du remplissage automatique, et la seule ligne de CSS qui corrige l'essentiel.