Interview de Jack Lenox – La durabilité Web, la dernière frontière

Jack Lenox est un environnementaliste et un passionné de technologie. Dès son plus jeune âge, il savait qu'il voulait faire du Web un meilleur endroit (ou était-ce le monde?), Mais ce sont ses études historiques anciennes qui ont orienté sa carrière.

Vous découvrirez également que Jack avait décidé de plonger dans les profondeurs du Web bien avant de rejoindre le groupe. Automatique.

Maintenant que vous maîtrisez mieux le sujet, je suis sûr que vous êtes prêt à en savoir plus à ce sujet. Si vous préférez choisir la vidéo plutôt que la transcription du texte, assurez-vous d'ouvrir le fil Twitter. Chaque question a une vidéo séparée.

Nous avons eu la chance d'interviewer @JackLenox à #WCEU la semaine dernière. Il nous a parlé de conception de sites Web durables et de la facilité avec laquelle il est possible de commencer.

Malheureusement, les restrictions vidéo de Twitter imposaient de modifier le texte, mais l'interview complète sera bientôt disponible sur YouTube. pic.twitter.com/sjfpkT5hz7

– Codeinwp (@codeinwp) 1er juillet 2019

Eh bien, cela dépend de la façon dont vous le configurez, mais la page d’accueil est à 6 Ko. Donc, évidemment, le thème est petit, mais vous pourriez mettre une image énorme qui ferait bien exploser cela. Oui, 6 KB-ish.

Environ un jour (rires). Cela a pris un peu plus longtemps. C’est drôle parce que j’ai en quelque sorte parlé aux gens du fait que c’était la chose qui demandait le moins d’efforts pour obtenir le plus d’applaudissements.

La plupart du temps, je ne faisais que supprimer des éléments. Je souhaitais donc tout sortir du thème, à l'exception des éléments dont nous avions absolument besoin. J'ai donc commencé avec Underscores. Underscores est un thème de départ pour les personnes qui ne le connaissent pas, produit par l’équipe Automattic. Et c’est déjà un thème épuré, mais il y a beaucoup de choses là-dedans.

Il existe également des hypothèses dans Underscores qui correspondent à une façon traditionnelle de thématiser dans WordPress, comme avoir une barre latérale et des zones de widgets. J'ai pris toutes ces choses et j'ai aussi réduit une partie du balisage, parce que je commençais à faire des ajustements; certains des divs et des choses qui ne doivent pas vraiment être là, et d'autres éléments.

C’est des tirets très maigres, mais je coupais même le CSS qu’ils avaient en arrière et je disposais du strict minimum. Alors oui, cela a pris un peu de temps. Cela a probablement pris plus d’une journée, mais cela n’a pas été très long.

Quand je suis arrivé à l'université et que j'avais le loisir de créer des sites Web, je me suis impliqué dans la création d'un journal étudiant, puis nous avions besoin d'un site Web. Je pensais qu'il devait exister un meilleur moyen que d'utiliser ces systèmes de gestion de contenu loufoque que j'avais conçus.

À ce stade, Ruby était en train de devenir une chose. Il y avait donc différentes approches, mais je connaissais PHP et SQL et c’est tout ce que je voulais faire, même si certaines personnes l’avaient critiquée. WordPress est apparu à mon radar, puis j’ai commencé à le manipuler. Dès le début, il a réduit considérablement le travail, ne disposant que d’un CMS qui fonctionne.

J'ai toujours été un peu un outsider, car j'ai toujours aimé ce genre de peu orthodoxe utilisation de WordPress. Donc, pour moi, WordPress a toujours été le CMS. J'étais comme "je dois créer un site Web pour un journal, alors construisons un site Web pour un journal et utilisons WordPress".

Quand j'ai commencé à l'utiliser, je n'avais pas de type d'article personnalisé. C'était 3.0, assez vieux. Je me souviens donc d'avoir fait beaucoup de hacks bizarres pour créer des galeries, ces vieux trucs que les gens faisaient à l'époque.

Puis cela a évolué et j'ai fini par sortir de l'université en pleine récession. J'essayais de devenir journaliste et ce n’était pas une route facile. Mais j'avais acquis toutes ces compétences Web et j'ai donc travaillé sur un site Web de crédit à la consommation où j'étais journaliste. Je me suis rapidement mis au travail sur leur site Web et j'ai dit: «votre site Web est terrible». Ensuite, ils ont voulu passer à WordPress et je me suis dit: «Je viens d’apprendre WordPress». Et cela a conduit à de plus en plus de cela.

Je travaille pour Automattic. En 2013, j'ai rejoint Automattic après avoir exercé différentes fonctions d'agence. Puis, en 2016, j’ai quitté l’équipe VIP, qui est un peu au sein d’Automattic, mais c’est tout à fait séparé. Et maintenant je travaille sur de gros sites de journaux. Des choses comme 538 et nous avons aussi Le soleil au Royaume-Uni, qui est un grand journal.

Puis, nous avons toutes sortes d'autres clients; nous avons Métro, qui est l'un des journaux gratuits au Royaume-Uni. Aux États-Unis, tous les CBS sont présents – tous leurs sites locaux. Facebook et presque tous les sites autres que Facebook.com sont sur WordPress VIP. Nous hébergeons beaucoup de blogs comme Spotify, des blogs Airbnb, etc.

Si vous êtes une petite entreprise, vous pouvez faire beaucoup de petites choses. Évidemment, l’une de ces choses est d’essayer de choisir un thème performant. C’est un peu difficile de déterminer lesquels sont durables. J'adorerais inclure une sorte de notation dans le référentiel de thèmes.

Il y a beaucoup de choses comme les insertions sur YouTube – si vous intégrez une vidéo YouTube, cela prendrait environ 1 Mo de téléchargement pour la montrer avant même de cliquer sur "Lecture". Et tant du point de vue de la performance que du point de vue de la durabilité, vous pouvez dire que si tout le monde clique dessus, s’il est intégré à la page, s’il s’agit d’une visite virtuelle de nos hôtels, vous voudrez probablement l’intégrer. Mais beaucoup de temps, les gens font ça. C’est ce genre de choses qui gêne. Si la plupart des gens ne cliquent pas dessus, alors, vous savez, il n’est pas nécessaire de l’intégrer.

Vous pouvez simplement avoir le lien vers la vidéo ou une image d'écran statique. Le but est de rendre votre site aussi accessible que possible, afin que les gens ne perdent pas de temps à s’y balader. Ce n’est pas seulement de la performance, ce n’est pas seulement de la convivialité, c’est aussi de la consommation d’énergie.

Et puis, il y a des plugins. Par exemple, vous devriez utiliser un plugin comme WP Super Cache, car vous n’avez pas besoin de le configurer. Vous ne configurez pas NGINX ni Apache, car il ne générerait que des pages HTML et statiques et les servirait à la place des pages dynamiques. Si vous êtes un peu administrateur Web, ajoutez WP Super Cache et activez-le. C’est un très bon plugin.

C’est assez large. Tout d'abord, soyez le plus à jour possible, avec les dernières techniques de performance. Par exemple, si vous êtes en mesure de configurer des serveurs, un nouveau mécanisme de compression appelé Brotli, que Google a produit et Open Sourced. Ses encore mieux que GZip.

Ensuite, il s'agit de la façon dont vous construisez votre produit. La citation que j'ai de Peter Pickering et que j'aime vraiment est la suivante: "Le composant le plus performant et maintenable que vous construisez pour votre site Web est celui que vous ne construisez pas." C’est donc une sorte d’approche minimaliste. Je ne dis pas “enlève tous tes graphiques”, mais fais-le vraiment bien.

Alors, pensez à vos divs et aux préprocesseurs CSS que vous utilisez. Pensez également au type de CSS que vous produisez, surveillez tous les types de code que vous produisez, définissez un budget de performances et définissez vous-même l’objectif de la taille de votre page Web.

Je suggérerais quelque chose comme un demi-mégaoctet. j'ai mentionné Compagnie de pensée, l’article que j’ai montré faisait 200 Ko et est entièrement conçu. C’est une véritable maison d’édition et ils font ce genre de chose.

L'autre chose, si vous étiez en mesure de le faire, est d'alimenter votre matériel en énergie renouvelable, car cela aide vraiment. Nous avons donc plusieurs hôtes au Royaume-Uni. Vous pouvez utiliser les plateformes Google Cloud.

Vous pouvez réellement aimer le centre de données AWS Frankfort, car il s'agit de la pétition de service durable. Ils ont un livre blanc qui fait référence à cette pétition et qui ne compte que cinq ou six pages. Il est vraiment intéressant de lire et de voir ce que les technologues dans ce domaine ont fait.

Je pense que le chef est Digitale complète. Je connais très bien Tom et nous avons beaucoup discuté, alors c’est cool parce que peu de gens s’y intéressent. Donc, pour avoir une entreprise aussi influente que Wholegrain Digital dans le domaine WordPress, je veux dire que c’est génial.

Ils ont évidemment construit ce site, l’outil qui vous indique l’empreinte carbone de votre site Web. En tant qu’entreprise, ils travaillent beaucoup, ils publient donc toutes leurs données relatives à l’empreinte carbone en tenant compte de tous les éléments, même les employés qui se rendent au travail. Et s’ils venaient à une conférence comme celle-ci, ils mesureraient tout. Ils encourageraient les gens à prendre le train. Ils sont définitivement les leaders.

Il existe également des sociétés périphériques que tout le monde ne saura probablement pas. Par exemple, Mightybytes, une entreprise dirigée par Tim Frick. Tim a écrit le livre «Concevoir pour la durabilité».

MightyBytes effectue beaucoup de travail sur WordPress, mais il s’agit d’une de ces agences que vous ne verrez pas autant à WordCamps. Ils ne sont pas autant dans la communauté, parce qu'ils font aussi Drupal. C’est un multi, pas seulement une agence WordPress.

Pour ce qui est des personnes, comme Justin Tadlock, à qui j’ai crié dans le discours, je ne pense pas qu’il fait des choses pour la durabilité, mais il le fait par accident. Si haut cinq.

Je dirais que Google devrait faire tout ce qui est en son pouvoir pour rendre sa plate-forme aussi durable que possible et gratuitement. Si les applications premium, comme si elle traînait, nous arrêterions la lecture de la vidéo. Je ne connais personne de l'équipe YouTube ou quoi que ce soit. J'aimerais en savoir un peu plus sur la façon dont ils ont pris cette décision.

Ouais, c’est bizarre parce qu’il existe des options où vous pouvez obtenir de la musique en streaming gratuitement, comme Spotify gratuitement. C’est vraiment bien, donc je comprends que c’est une fonctionnalité demandée, mais je ne pense pas que c’est décisif.

Non, vous ne penseriez pas que c’est la seule raison pour laquelle les gens optent pour la prime, alors je voudrais les voir retirer. Pour l'étude également, les gars de Bristol en examinaient un. Ils se disaient: "Quel changement de conception pourrait apporter YouTube?" Et c’est celui-là qu’ils ont rencontré.

Je pense qu'ils pourraient apporter des centaines de changements, et ils le font. Ces entreprises sont vraiment performantes. Mais cela dépend de la conception même du site et de la manière dont les gens l’utiliseront, et s’il est aussi efficace que possible. Cela revient aux concepteurs et cela concerne l'expérience utilisateur.

Vous devez retirer votre chapeau de différentes manières. Ils exécutent le projet Lighthouse, qui est un outil d’audit de performance. Il est intégré à Chrome, vous pouvez l’exécuter de manière autonome et en open source. Il est dirigé par Paul Irish, l’un de leurs développeurs Web célèbres. Ils vérifient sévèrement toutes leurs affaires. Vous savez, la performance de Google – leur page d'accueil au fil des ans. C’est évidemment une page très simple en soi, mais ils l’ont rendue de plus en plus rapide.

Ils classent également une partie de la pondération de votre classement dans les moteurs de recherche. Par conséquent, plus votre site est lourd, plus votre classement est bas. Toutes ces choses encouragent un site plus performant, ce qui est plus durable.

La plate-forme en nuage est, grâce à des compensations et à d’autres choses, 100% renouvelable, ce qui est énorme. Ils sont très en avance sur Amazon à cet égard. Alphabet est le plus gros acheteur d’énergie renouvelable au monde.

De toute évidence, en tant que personne soucieuse de l'environnement, vous pensez qu'elle pourrait en faire plus. Une grande partie de leur énergie est compensée. Ils achètent de l’énergie renouvelable au Canada et la réinjectent dans leur réseau. Mais si vous augmentez votre énergie à la vitesse d’Internet, nous allons manquer d’options. Ils doivent construire des parcs solaires et construire eux-mêmes des éoliennes. Ou du moins, les financer pour alimenter leurs centres de données. Ils doivent donc être véritablement écologiques et c’est un défi de taille.

Lorsque vous parlez aux clients et qu'ils se disent: Woah, je veux ce carrousel. Où sont les boutons de partage? Comment les parlez-vous de ça?

Je pense que si vous en avez, la meilleure chose que vous utilisez est des données. Il est prouvé à tous les niveaux que plus votre site Web est grand et lourd, plus vous perdez des personnes. Plus vous perdez des clients, plus vous perdez des lecteurs. Plus vous perdez, plus vous êtes classé dans le classement Google, car cela fait partie de leur mesure. Il y a tellement de raisons de ne pas le faire.

Certes, je pense qu'il y a eu un changement. Nous n'avons jamais vraiment effectué de révisions de code en amont. Nous examinons le code pour la sécurité et tout le reste, mais les clients disent de plus en plus: «nous voulons que notre site soit meilleur». Parce que nous vendons de la vitesse, nous ne pouvons toutefois pas vous empêcher d’ajouter deux cents images à une page, ce qui est lent.

Nous les servons le plus rapidement possible, mais cela n’a aucune importance. Ou bien, si vous avez un code JavaScript bloquant massif qui va se produire et que vous allez vous tromper sur WebPageTest. Les clients le souhaitent de plus en plus activement.

Je pense que la troisième chose que vous pouvez faire est de faire de la recherche sur les utilisateurs et plus vous pouvez le faire avec le client. La recherche utilisateur semble vraiment coûteuse. Vous pensez que nous devons réserver une chambre, payer les gens qui entrent, tester le site Web et poser beaucoup de questions. Ou bien, vous pouvez littéralement aller vous asseoir dans un café et demander à quelqu'un de dire: «Excusez-moi, cela vous dérange-t-il si… testeriez-vous mon site Web et je vous achèterais un café?"

Vous pouvez passer une heure dans le grand agencement des choses, même pour un pigiste, une agence. Mais si vous ne pouvez pas vous asseoir et démontrer à un client que l’utilisateur n’aime pas un carrousel, comparez les deux et dites: «c’est bien parce que les utilisateurs n’aiment pas les carrousels».

Ils n'interagissent pas avec eux. 98% des personnes ne cliquent pas dessus. C’est là que vous vous retrouvez avec les preuves les plus difficiles. Vous êtes comme: "Regardez, tous ces gens-là, ils n'aiment pas les manèges."

Eh bien, c'est vraiment intéressant, car la durabilité englobe toutes ces pratiques. Je ne sais donc pas si les gens captivent l’imagination de la même manière que les autres changements de paradigmes. Nous constatons de plus en plus de concurrence entre les entreprises, même les banques, en termes de durabilité. C’est ce que tout le monde veut dire qu’il fait. Et, bien entendu, rendre un site Web plus durable est une chose, mais je veux aussi essayer de le pousser à ressembler davantage à Wholegrain Digital et à révéler leur empreinte carbone.

Pour penser à WordCamp Europe, j’aimerais voir une analyse de l’empreinte carbone de toute cette conférence. Le point est, une fois que vous commencez à mesurer des éléments, vous pouvez commencer à les modifier. Donc, si WCEU effectue une analyse de l’empreinte carbone, il est probablement trop tard maintenant. Ils peuvent penser à ce que nous pouvons faire pour améliorer cela ensuite.

L'impact de la mesure crée un nombre réel que vous pouvez ensuite commencer à déplacer. J'adorerais que cela se produise au sein de la conception Web et de l'industrie du Web. C'est ca le truc. Il est dans la psyché collective d’avoir des gens qui écrivent et qui en parlent. Et l'une des choses les plus importantes est d'en parler à d'autres personnes.