Optimisation de la vitesse de la page pour les spécialistes du marketing

La vitesse est une mesure de marketing portant un costume d’ingénieur. Les visiteurs abandonnent les pages lentes avant que votre titre ne plaide son cas, les systèmes de recherche factorisent les signaux d’expérience en visibilité, et chaque canal en amont paie la taxe d’une destination lente. Pourtant, dans la plupart des organisations, les personnes dont les campagnes souffrent de lenteur sont déconnectées des décisions qui les provoquent, souvent les leurs. Ce guide comble cet écart: comment la vitesse est mesurée, où les sites de marketing la perdent, ce que les spécialistes du marketing peuvent réparer sans ticket et comment collaborer sur le reste.

Comprendre la mesure de la vitesse

Vous ne pouvez pas gérer un numéro que vous avez mal lu. Deux distinctions portent la plupart de l’alphabétisation.

Tests de laboratoire versus réalité de terrain

Les outils de laboratoire chargent votre page dans un environnement contrôlé et produisent des détails de diagnostic: ce qui a chargé, dans quel ordre, bloquant quoi. Les données de terrain agrègent les expériences des visiteurs réels sur leurs appareils et réseaux réels. Le laboratoire est le microscope, le champ est la vérité; une page qui marque magnifiquement dans le laboratoire peut mal fonctionner pour votre public réel de téléphones de milieu de gamme sur les réseaux mobiles. Optimisez contre les données de terrain, diagnostiquez avec les détails du laboratoire.

Les phases d’expérience qui comptent

La performance thinking moderne mesure les phases de l’expérience : la rapidité avec laquelle le contenu principal devient visible, la rapidité avec laquelle la page répond à l’interaction et la façon dont la mise en page se déplace pendant le chargement. Ce dernier, la stabilité visuelle, est un méchant pertinent pour le marketing: le contenu saute comme des annonces, des bannières et intègre pop provoque des clics erronés et l’abandon, et il est presque toujours causé par des actifs injectés sans espace réservé. Apprenez à lire ces mesures de phase dans votre outillage; elles correspondent directement à ce que ressentent les visiteurs.

Où les sites de marketing deviennent réellement lents

Le poids sur la plupart des pages de marketing est traçable à une poignée de sources récurrentes, la plupart appartenant au marketing.

Images et vidéos

La classe d’actifs la plus lourde et la plus mal gérée : la photographie en pleine résolution réduite par le navigateur, les images de héros non compressées, les formats modernes inutilisés et chaque chargement d’image immédiatement, quelle que soit la position. Les correctifs sont des correctifs de flux de travail de contenu: compresser et redimensionner au téléchargement, adopter des formats modernes où pris en charge, paresseux-chargement en dessous du support de pli, et traiter la vidéo d’arrière-plan de lecture automatique comme le luxe qu’elle est.

L’accumulation de tags et de scripts

Analyses, outils de test, widgets de chat, heatmaps, personnalisation et pixels des campagnes passées : chacun petit, collectivement dominant, et tous installés marketing. Les scripts tiers sont en concurrence pour les mêmes ressources de l’appareil dont votre contenu a besoin, et ceux qui sont abandonnés sont un poids mort. Un audit trimestriel des tags, ce qui fonctionne, qui le possède, quelle décision il alimente, est une intervention rapide déguisée en entretien ménager, et la consolidation des outils qui se chevauchent l’aggrave.

Embeds, polices et poids de construction de page

Les intégrations sociales et les iframes vidéo font glisser des applications tierces entières dans votre page; des motifs de façade légers, une vignette qui charge l’intégration réelle sur le clic, préservent la fonction à une fraction du coût. Les polices personnalisées dans de nombreux poids retardent le rendu du texte; la coupe des poids réellement utilisés et la configuration de replis sensibles est une décision de conception avec des conséquences de vitesse. Les constructeurs de pages visuelles et les groupes de thèmes envoient souvent beaucoup plus de code que n’importe quelle page, ce qui est une conversation de plate-forme qui vaut la peine d’être faite avec des preuves à la main.

Liste de contrôle du marketeur

Avant tout engagement d’ingénierie, épuisez les correctifs dans le flux de travail du marketing.

Faire de l’hygiène des médias une habitude éditoriale

Définissez la taille de l’image et les normes de compression pour chaque modèle, faites-les entrer dans le flux de travail de contenu afin que la conformité soit la valeur par défaut et balayez les plus gros contrevenants de la bibliothèque existante. Cette habitude unique, appliquée par quiconque publie, offre souvent le plus grand gain de vitesse disponible sur un site axé sur le contenu.

Gérez le portefeuille de tags

Supprimez les balises sans propriétaires ni décisions, consolidez les outils qui se chevauchent, chargez ce qui reste après le contenu critique de la page et acheminez ce que vous pouvez via le balisage côté serveur pour réduire le fardeau du navigateur. Chaque script supprimé est un cadeau pour chaque page sur laquelle il était.

Conception de pages de campagne speed-first

Les landing pages sont des instruments de conversion : un travail, un poids minimal, pas de carrousel de photographie pleine fleur, pas de six widgets intégrés. Là où les campagnes payantes et organiques génèrent du trafic, le comportement de chargement de la page de destination fait partie de la création de la campagne; briefer de cette façon, et la tester sur un vrai téléphone via une connexion cellulaire réelle avant le lancement. Le trafic social mérite une attention particulière, car les clics à partir de messages programmés via des plates-formes comme le planificateur de réseaux sociaux SocialBlaze s’ouvrent fréquemment dans les navigateurs in-app qui sont plus lents et moins indulgents que les navigateurs complets; une page qui est rapide il est rapide partout.

Partenariat avec des développeurs sur le travail structurel

Au-delà de la portée directe du marketing se trouve la couche architecturale, et les spécialistes du marketing obtiennent de meilleurs résultats en l’engageant bien.

Apportez des données de terrain, pas des vibrations

“Le site semble lent” est inopérant; “le contenu principal de nos pages de destination prend plusieurs secondes à apparaître pour les utilisateurs de terrain mobiles, et voici les trois ressources les plus lourdes” est un ordre de travail. Apprenez à tirer le rapport de terrain et la cascade de laboratoire pour vos pages clés; la demi-journée d’apprentissage améliore de manière permanente chaque conversation sur les performances que vous aurez jamais.

Comprendre les leviers structurels

Les améliorations côté ingénierie incluent la mise en cache et la livraison de bord, la stratégie de rendu, le fractionnement du code pour que les pages ne chargent que ce qu’elles utilisent, la priorisation des chemins critiques et la réservation d’espace de mise en page pour le contenu injecté. Vous n’avez pas besoin de les implémenter ; vous devez savoir qu’elles existent, afin que la conversation puisse les comparer aux correctifs du côté marketing et séquencer la feuille de route par impact.

Négocier ouvertement le commerce de vitesse contre capacité

Chaque outil et fonctionnalité a un prix de performance, et prétendre le contraire déplace simplement l’argument après les dommages. Un accord d’exploitation sain : le marketing indique le besoin en capacités, l’ingénierie indique le coût du poids et les deux évaluent par rapport au budget partagé. Parfois, le widget de chat en vaut la peine; parfois, ce n’est pas le cas; le point est de décider les yeux ouverts.

Garder les gains

La vitesse régresse par défaut, une décision raisonnable à la fois. La durabilité nécessite une structure.

Définir des budgets de performance

Convenir des seuils par type de modèle, poids total, poids de l’image, nombre de scripts, cibles métriques de terrain, et vérifier le nouveau travail par rapport à eux avant le lancement. Un budget transforme la vitesse d’une crise périodique en une contrainte permanente, qui est la seule forme dans laquelle il survit à la vie organisationnelle.

Surveiller en permanence et annoter les changements

Suivez les paramètres de champ pour vos pages à valeur élevée sur un tableau de bord que quelqu’un possède, alertez-vous sur la dégradation et annotez les déploiements, les nouvelles balises et les modifications de modèle afin que les régressions tracent rapidement les causes. Accélération des incidents détectés par la surveillance des heures de coût; ceux détectés par un quart de la baisse de conversion coûtent beaucoup plus cher.

Rapporter la vitesse dans le langage métier

Les améliorations apportées aux indicateurs de mesure sont déjà à l’étude : rebond et engagement à l’arrivée, taux de conversion décalé sur des modèles optimisés et tendances en matière de visibilité des recherches. Le travail de vitesse se finance lorsque ses effets sont rendus visibles, et le rapport maintient la discipline budgétaire lorsque le prochain widget lourd fait son discours.

Vitesse comme variable de campagne

Au-delà du programme à l’échelle du site, la vitesse mérite une place dans la façon dont les campagnes individuelles sont planifiées et jugées, car les surfaces de campagne sont les endroits où la lenteur coûte le plus cher par visiteur.

QA de vitesse de pré-lancement

Ajoutez une vérification du comportement de chargement à la liste de contrôle de la campagne en même temps que le test de lien et la correction d’épreuves : ouvrez la page de destination sur un téléphone de milieu de gamme via une connexion cellulaire, idéalement via le navigateur intégré du réseau sur lequel la campagne s’exécute, et découvrez ce que le visiteur du premier clic ressent. Une page qui prend assez de temps pour déclencher une sauvegarde échoue à l’assurance qualité, quelle que soit la façon dont elle obtient des résultats lors d’un test de laboratoire sur ordinateur, et l’attraper avant le lancement ne coûte rien.

Associer le poids de la page à la valeur du trafic

Une page qui reçoit du trafic cher ou durement gagné mérite un investissement disproportionné en termes de vitesse. Pour les lancements majeurs, envisagez une expérience d’atterrissage dépouillée et spécialement conçue plutôt que de rediriger les clics payants et sociaux vers une page générale lourde. L’arithmétique est simple: plus vous investissez dans le gain de clic, plus chaque seconde de temps de chargement détruit, de sorte que les budgets de poids devraient se resserrer à mesure que la valeur du trafic augmente.

Vitesse de lecture dans la campagne rétro

Lorsqu’une campagne sous-performe, incluez des mesures de charge pour ses pages de destination dans la rétrospective avant de blâmer les créatifs ou le public. Un fort taux de clics qui s’effondre en un faible engagement sur la page est la signature classique de la page lente, et elle exonère le message tout en accusant la destination. Les équipes de campagne qui examinent régulièrement cette couture cessent de réapprendre la même leçon et commencent à budgétiser la vitesse dans le plan dès le début.

Un arc de quatre-vingt-dix jours

Premier mois : établir la mesure, la base de données sur le terrain, les diagnostics en laboratoire sur les pages de tête, et exécuter les audits des médias et des balises. Deuxième mois: exécuter les correctifs contrôlés par le marketing, les normes de compression, la taille des étiquettes, les façades intégrées, le découpage des polices et la re-mesure pour mettre en banque les gains. Troisième mois : apporter le retard structurel à l’ingénierie avec des preuves, convenir des budgets et du suivi, et institutionnaliser les habitudes de publication. Le modèle est ensuite l’entretien: hygiène par défaut, budgets à la porte, surveillance à la montre. La vitesse n’est pas un projet avec une date de fin; c’est une propriété de la façon dont le site est exploité, et le marketing est sur plus de contrôles que la tradition ne l’admet.