Maintenant, le logiciel avancé du moteur WP. Pendant un certain temps, j’ai redimensionné le site Web pour les installations WordPress d’entreprise dans de nombreuses universités, pour des institutions WordPress comme 10up et pour des sites plug ins WordPress comme themes.
Par conséquent, jrsquoai passé la majeure partie de ma carrière à redimensionner les sites Web et les différents types de performance avec woocommerce, buddypress et divers systèmes. Bien sûr, aujourdrsquohui, nous allons parler en particulier de la performance de woocommerce. Lorsque nous parlons de performance globale, nous parlons de vitesse de page. recherchez des performances sur Google ou woocommerce, obtiendrez des dizaines drsquoarticles sur la réduction drsquoimage, sur lesquels les plug ins peuvent mettre en cache et aider des choses similaires. Crsquoest très important. Mais aujourdrsquohui, nous devons nous rappeler que ce nrsquoest pas seulement la vitesse de la page. Il y a une raison pour laquelle nous voulons que les choses soient plus rapides. Crsquoest parce que, pour woocommerce, nous nous préoccupons du nombre maximum drsquoutilisateurs ou de lrsquoextensibilité du site.
la vitesse de la page est la vitesse à laquelle une seule page est chargée sur le site, crsquoest la vitesse à laquelle lrsquoutilisateur la perçoit. Mais maintenant, nous devons discuter du nombre maximum drsquoutilisateurs que le site peut supporter. Vous pouvez considérer cela comme un onglet navigateur. tu es comme moi, tu commences un projet. Soudain, avez ouvert 800 cartes. Votre ordinateur ralentit vraiment. Considérez chaque onglet comme un utilisateur sur le site Web de woocommerce. Chaque fois qursquoils ajoutent du contenu à leur panier, chaque fois qursquoils vérifient, chaque fois qursquoils saisissent les détails de paiement, ils doivent retourner à votre hôte et travailler avec du contenu pour un seul utilisateur.
Plus avez de ressources, plus le site est lent, car chaque tâche (insérer des éléments dans la base de données, rechercher des éléments sur le serveur) prend un peu de temps CPU pour tout le monde. Ce nrsquoest pas un gros problème pour un petit site Web. jrsquoavais deux utilisateurs
Sur mon site, nrsquoimporte qui peut le soutenir à tout moment. Alors, que se passe t il quand je suis à Black Friday? Tout drsquoun coup, jrsquoai 1000 utilisateurs qui achètent un produit qui ne vend normalement qursquoun ou deux produits par jour. Les choses vont bientôt devenir incontrôlables. Par conséquent, avec le temps, les grands magasins devront résoudre ce problème. Ou nrsquoimporte quel magasin qui a commencé très petit et qui veut grandir rencontre ce problème. Ce nrsquoest pas pour les nouveaux arrivants. Mais en général, la nature de WordPress signifie qu’il est plus visible dans des systèmes tels que buddypress ou woocommerce ou dans des systèmes qui traitent de grandes quantités de données de type personnel. Tout le monde a un panier différent.
Jrsquoespère que tout le monde nrsquoa pas ajouté la même carte de crédit ou ce genre drsquoinformation à la commande. Il a donc besoin de données personnalisées. Ça prendra du temps. Voilà le résultat. Cette figure montre que la ligne rouge est le temps nécessaire pour charger la page. La Ligne bleue est le nombre drsquoutilisateurs qui réussissent à faire quelque chose. Un utilisateur a dit que si nous regardons en bas, tout sera chargé rapidement. Vous pouvez voir que la ligne rouge est lente. En regardant à droite, nous avons commencé à toucher 50 et 60 utilisateurs. Le site Web ralentit. Puis quelque chose de terrible est arrivé: ceci.
À un moment donné, tout srsquoest effondré. Tu as ouvert trop de cartes. Tout sur lrsquoordinateur commence à ralentir. À ce stade, tout a échoué et chaque ligne est de plus en plus haute. Avant cela, nous avions 50 utilisateurs, 50 utilisateurs réussis, 60 utilisateurs, 60 magasins, mais à un rythme de plus en plus lent. Mais une fois qursquoon est un peu plus haut, on peut atteindre 60, 70, 80. Que se passe t il? Tout srsquoeffondre. Nous avons 70 utilisateurs. Mais nous nrsquoen avons qursquoune quinzaine qui ont vraiment fait leurs achats. Le site est Anda
Jrsquoai fini le reste. Ils ont lrsquoécran blanc de la mort. Ils ont une page drsquoerreur. Crsquoest pourquoi nous voulons éviter woocommerce ou tout grand site Web.
Encore une fois, quand commencez, ce nrsquoest pas un problème. Au fur et à mesure que les choses évoluent, ce nrsquoest qursquoun problème. Non seulement il a échoué, mais avez aussi remarqué que les choses sont devenues plus lentes à ce moment là, et plus avez drsquoutilisateurs lorsque votre site est plus populaire, plus les gens sont susceptibles de faire des achats ailleurs parce qursquoil est trop lent. Selon Google, 53% des utilisateurs quitteront le site si la page est chargée plus rapidement que 3 secondes. Cela signifie que avez 3 secondes pour obtenir toutes les données sur la page produit, toutes les images que leur envoyez, toutes les informations, tous les widgets et annonces.
Quelle que soit la page que chargez, avez 3 secondes avant qursquoils disent que crsquoest trop. Je vais ailleurs. Alors nrsquooublie pas ça. ne recevez que quelques utilisateurs par jour, crsquoest votre premier jour de vente et vendez vos widgets de cycle de vie, ce nrsquoest pas un gros problème. Toutefois, une fois qursquoelle aura été couronnée de succès, elle ralentira bientôt le rythme des gens. Dans le cas de woocommerce, ils échouent sur des choses assez spécifiques, comme des plug ins ou des sujets inefficaces. Il y a trop de données dans la base de données WordPress, en particulier woocommerce, et si gardez toutes les commandes à partir de maintenant, WordPress vient d’avoir 18 ans le mois dernier.
avez reçu toutes les commandes depuis 18 ans, pensez y. Chaque fois que quelqursquoun a besoin de récupérer une commande, votre base de données doit rechercher plus de 18 ans. Les choses vont vite. nrsquoavez pas assez de programmes drsquohébergement et que êtes abonné à ce que voyez sur votre blog avec
Ce crochet, ce crochet. Jrsquoai trouvé des plugins bien écrits. Souvent, si quelque chose est fait de façon inefficace, il vaut mieux qursquoun petit plug in fasse la seule chose. avez suivi un cours drsquoinformatique, ils parlent de choses comme la notation Big O. La grande notation o signifie essentiellement que srsquoil y a une instruction if qui lit chaque enregistrement dans la base de données une fois, elle sera un o 1. Vous devez numériser chaque enregistrement une fois. Qursquoarrive t il srsquoil trouve un enregistrement et qursquoil doit le scanner à nouveau? Ou il fait une sorte de boucle et peut avoir besoin de traverser chaque enregistrement 3, 4, 5 fois. Cela peut augmenter exponentiellement rapidement. Plus les données sont traitées, plus lrsquoefficacité est faible et plus la vitesse est lente. Cela commence en fait à affecter la taille de la base de données elle même. jrsquoavais 10 produits sur mon site et que rien nrsquoétait vendu, numériser 10 enregistrements à la fois, même si je devais les refaire 100 fois à chaque fois, je nrsquoaurais peut être jamais remarqué. Maintenant, que se passe t il si jrsquoai un million de commandes dans la base de données, 50 000 produits et 22 000 utilisateurs sur mon site Web et que je dois trouver des commandes spécifiques pour des utilisateurs spécifiques et des produits spécifiques? crsquoest le même script inefficace qui a été exécuté 100 fois, mais que avez maintenant un million de produits 22 000 fois, quelles combinaisons ajouteront ils? Cela nécessite plus de traitement. Cela coûte beaucoup plus cher que de numériser les données requises une seule fois, drsquoextraire tout le contenu de la première tentative et de continuer. Puis il y a la requête HTTP classique et surdimensionnée. Plus les utilisateurs doivent de contenu, plus leur site Web sera lent. Crsquoest la troisième chose qursquoon cherche. La plupart du temps, comme je lrsquoai dit, verrez drsquoabord ceci: supprimer les requêtes supplémentaires, optimiser lrsquoimage. Mais ce nrsquoest pas toujours la première chose dont nous devons nous inquiéter quand nous parlons de woocommerce. Il y a de lrsquoottim.
Ces outils peuvent vraiment aider à le faire. travaillez seul sur un site WordPress, devez avoir installé le plug in de la barre de débogage et le moniteur de requête WP. Ces deux plug ins aideront vraiment à creuser profondément et montreront ce qui se passe dans les coulisses. Bien sûr, ne les laissez pas continuer à fonctionner pendant qursquoils sont mis en production, car, comme tout le reste, tout ce qui est chargé, srsquoil effectue ces analyses sur lrsquoutilisateur final, ralentira à nouveau. Assurez donc de les supprimer: essayez, supprimez les avant de les envoyer à lrsquohôte pour utilisation finale. Mais pouvez voir drsquoautres outils. Test Web. Crsquoest bien organisé. Outils. Pingdom. Com: les deux outils montrent tout ce qui est téléchargé sur le site. Ainsi, il peut dire que avez 100 activités JavaScript et que vos pixels de suivi des médias sociaux sont probablement la partie la plus lente de votre site. Crsquoest ce que voudrez peut être supprimer. Encore une fois, tout ce que ajoutez, lrsquoanalyse, la surveillance, les widgets sociaux, affecte ce qui se passe en arrière plan. Et le site carbon. Com, crsquoest un très bon site. Il fonctionne comme une page Web ou un test pingdom. Mais à en juger par lempreinte écologique de votre site. Quelle est la taille de votre site par rapport aux autres? Combien coûte le déchargement? Il donne une bonne idée du poids de ce site. Encore une fois, si votre site est léger, imaginez comment prendre un morceau de papier. Crsquoest vraiment facile de prendre un bout de papier. Maintenant, retirez toutes les imprimantes à la fois. Crsquoest beaucoup plus lourd. Les trois outils, même le site Google Core vitals, feront la même chose pour aider à le trouver. De plus, lrsquoun des outils les plus utiles, maintenant, montre le poids de tout ce qui est chargé, montre la taille de tout et combien de temps il faut pour charger. Mais quelque chose peut faire nrsquoimporte quoi Q
Crsquoest tout. Crsquoest un nouveau vestige. avez un étage supérieur, un endroit comme WP Engine, comme lrsquoun de nos programmes haut de gamme, lrsquoavez probablement intégré dans votre site. non, devrez peut être lrsquoouvrir séparément. New Relic est un service qui entre et vérifie chaque ligne drsquoexécution. Il examine chaque requête dans la base de données. Il regarde chaque ligne PHP chargée. Il dira que avez ce crochet. Il a fallu sept secondes pour installer un crochet. Il a essayé de le recharger 600 fois. Maintenant, tu sais, tu as un petit fruit, et tu peux y retourner et le nettoyer rapidement. On pourrait peut être lrsquoenlever. Peut être avez juste besoin de changer une ou deux lignes de code. Tout à coup, ça a pris une seconde au lieu de sept. Crsquoest peut être là que devez concentrer sur la solution de cache que utilisez. Mais quelque chose comme New Relic pourrait être lrsquooutil le plus efficace pour creuser profondément et voir ce qui ne va pas. Mon dernier emploi était à lrsquoUniversité de Floride, et la plupart de mes responsabilités étaient sur notre Intranet. Il srsquoagit drsquoun site Web qui compte environ 40 000 utilisateurs actifs dans tous les hôpitaux: patients, employés, infirmières et médecins, tous impliqués. Il y a aussi les aspects sociaux. Il y a différents aspects à cela. Lorsque jrsquoai commencé ce travail, la charge de page moyenne était supérieure à une minute, ce qui a pris du temps: Je pense que lrsquoenregistrement que jrsquoai trouvé était 729 erreurs PHP différentes et avertissements de fond sur une seule charge de page. New Relic est lrsquooutil que jrsquoai pu utiliser pour réduire le temps de chargement moyen de la page à moins de 5 ou 6 secondes parce qursquoil ne nécessite pas beaucoup drsquoefforts. Nous l’avons écrit il y a six ans pour une version de WordPress inexistante. Ou peut être pour un plug in qui nrsquoexiste pas. Je ne peux supprimer cette fonction que. Ça srsquoadditionne vite. Et puis,
Bien sûr, il y a aussi des outils de navigateur intégrés. Crsquoest votre outil de développement. LrsquoInspecteur est là. Il y a des choses comme ça. Ils peuvent aider à comprendre ce qui se passe, aider à comprendre le temps de chargement, et ainsi de suite, et ils peuvent fournir beaucoup de confirmation. Les outils du navigateur public dépendent maintenant de la façon dont ils sont chargés. Ce nrsquoest peut être pas la meilleure façon pour les clients drsquoutiliser le contenu, mais crsquoest votre site Web que les utilisateurs visitent réellement. Vous êtes peut être déjà inscrit pour ce genre de choses pour votre administrateur. Mais il y en a drsquoautres qui peuvent encore être très utiles à trouver, Oh, Hey, je télécharge. Cette page produit contient sept images de 15 mégaoctets du produit. Je nrsquoai peut être pas besoin de les charger tous en même temps. Il est donc très utile de découvrir les choses de cette façon. Je vais le démonter. Crsquoest le plug in de la barre de débogage dont je parlais sur un simple site Web woocommerce. Crsquoest vraiment utile parce que si regardez comment il se décompose quand cliquez dessus, disons 1,48 seconde. Combien de données? 131 les requêtes de base de données ne sont effectuées que sur ce site simple. Crsquoest ce dont jrsquoai besoin? Est ce efficace? Crsquoest une question? WordPress a une fonctionnalité appelée autoupload qui tente de charger automatiquement les options afin qu’elles soient toujours disponibles. Et dans certains environnements de cache, pouvez dépasser la taille du cache qursquoil peut contenir. Comme pouvez le voir, il suffit de charger toutes ces options de chargement automatique 400 ou 500 fois en une seule page. Ça devient très inefficace. Ces types de plug ins, cette barre de requête et le débogage peuvent aider à le trouver. Autres points de vue. Il fera tous les détails. Cette page a été chargée avec 134 Requêtes en 74.6 millisecondes. Crsquoest un site davver.
Ou de base. Mais maintenant pouvez voir chaque requête et le temps qursquoelle prend pour charger. Vendredi après midi, il y a quelques semaines. Le patron a besoin de cette fonctionnalité incroyable. Je lrsquoai fait très vite. Et pas aussi efficace que je le pensais. Ce genre de choses est comment les trouvez et les améliorez. êtes un utilisateur de mon SQL, avez peut être accidentellement tapé lrsquoarticulation gauche au lieu de lrsquoarticulation droite. Ces erreurs, ces inefficacités peuvent vraiment srsquoadditionner. Ces plug ins peuvent aider à les trouver. Puis, bien sûr, nous avons continué à utiliser de bons outils de navigateur à lrsquoancienne. Combien sont des vues en cascade triées en javascript: combien sont CSF? Tu pourrais peut être en combiner quelques uns. Peut être, surtout si utilisez Javascript, avez besoin de six traceurs de script par page? Ce sont des choses que les outils de navigateur peuvent vraiment aider à trouver. Cependant, encore une fois, je préviens de ne faire attention qursquoen utilisant les outils du navigateur, car pouvez voir dans cet écran de chargement que jrsquoai des plug ins de barre de débogage et de barre de requête en haut. Ce sont des charges. Ils sont donc différents. Ceux ci chargeront des ressources que lrsquoutilisateur final ne verra pas. Donc ça pourrait être un peu faux. Vous devez le voir. Mais New Relic, ces plug ins, les outils de navigateur et ces sites externes qui essaient de naviguer sur le site en tant qursquoutilisateur pingdom, site Carbon, et ainsi de suite peuvent vraiment aider à trouver, Hey, crsquoest ce qui reste à faire. Crsquoest là que les choses ont échoué. Crsquoest là que ça se passe lentement. Ce sont des problèmes que pouvez résoudre. 15 minutes économiseront 30% ou plus. Vous nrsquoavez même pas besoin de changer de compagnie drsquoassurance pour le faire. En quelques minutes, serez plus flexible.
Ile. Mais parlons de détails précis sur ce que nous pouvons faire pour aider à lrsquoamélioration. Trois et demi pour accélérer votre site. Donc, bien sûr, il y a beaucoup de choses différentes. Chaque site est un peu différent. Alors, quand mrsquoécoutez sur ce point, rappelez , votre site, le kilométrage peut varier. Consultez ces outils pour assurer que avez choisi les meilleurs outils pour votre site. Certains drsquoentre eux peuvent ne pas srsquoappliquer. Vous pouvez également faire plus drsquoune douzaine drsquoautres choses pour aider le site à srsquoaméliorer rapidement. Alors fais attention. Bien que jrsquoen parle aussi, le plus important est de ne pas trop srsquoinquiéter de votre sujet. Le thème n’est pas l’avenir de WordPress. Nous sommes très proches. Ce mois ci, je crois. Quand tu vois ça, crsquoest parfois vrai. WordPress 5.8 sera supprimé au début de l’édition complète du site. Lrsquoédition complète du site signifie que pouvez maintenant modifier lrsquoen tête et le pied de page. Chaque section drsquoun site Web peut ne pas avoir besoin drsquoun sujet du tout. Donc, si commencez à les étudier et trouvez votre sujet peut être que avez dépensé beaucoup drsquoargent pour un développeur il y a deux ans, mais maintenant crsquoest inefficace ne inquiétez pas trop pour cette partie. Je ne suis pas l’avenir de WordPress. Comprendre comment les données sont stockées et gérées. Une des meilleures choses que pouvez voir sur vos données est lrsquoefficacité de la recherche? La recherche est lente. Crsquoest vraiment une mauvaise expérience pour les utilisateurs. 64% des utilisateurs recherchent: cherchez le moment où je veux acheter. 43% des utilisateurs accèdent directement à la barre de recherche. 39% des utilisateurs ont été touchés par les études pertinentes. Sa recherche peut être lente. avez déjà fait une recherche sur WordPress, si n’avez pas optimisé et que avez tapé une lettre, n’obtiendrez aucun résultat. Ou srsquoils ont beaucoup
Le produit, lrsquoutilisateur et toutes les autres informations peuvent prendre jusqursquoà 10 secondes pour afficher la recherche. En attendant, si jrsquoallais voir Amazon Ou si je vais chercher mon nom de famille sur Google, même si je me trompe, il pourrait me retrouver. Crsquoest une expérience très différente. Lorsque voyez une recherche instant an ée sur Google ou duckduckgo, remarquerez que cela prend sept secondes. Rappelez , dans 3 secondes, les gens vont continuer. Ainsi, si avez beaucoup de données et que votre recherche prend 5, 6, 7 secondes, perdrez bientôt 40% ou plus de trafic. Dans woocommerce, lrsquoune des fonctionnalités que nous offrons pour lrsquoexpérience est Elastic Press. Elasticpress est un plug in 10up qui utilise quelque chose appelé Elastic Search. Ce qursquoelasticsearch fait maintenant, crsquoest indexer ou obtenir toutes les informations de base de données qui devraient être recherchées. Il lrsquoa rapidement jeté quelque part pour le chercher. Il y a quelques mois, le premier client que nous avons lancé a reçu immédiatement 3% des commandes. Leur taux de rebond a chuté de 2%. Ils ont constaté une augmentation de 3% des revenus par visiteur. Pour ce magasin particulier, lrsquooptimisation de la recherche coûte 4 000 $par année. Crsquoest pour une raison précise. Les acheteurs trouvent ce qursquoils veulent plus rapidement. mon site vend des piles, combien de fois tout ce qui est sur Internet est dans notre maison intelligente? La télécommande de la lampe intelligente srsquoéteint et retirez la batterie. Jusqursquoà ce que trouviez cr2032, ne naviguez pas, ne recherchez pas le mot batterie et ne naviguez pas. Vous allez dans un magasin de piles qui vend des piles, entrez cr2032. Ou avez fait un tiret entre R et 2. Peut être que tu nrsquoas pas mis un trait drsquounion au milieu. Crsquoest pas grave. Vous attendrez à ce que les résultats immédiats atteignent la batterie que voulez. Un résultat plus rapide signifie que jrsquoachèterai là Bas. je regarde
Des courses. Par conséquent, nous pouvons utiliser plus de solutions pour faire de ce panier une meilleure expérience et continuer à lrsquoutiliser, mais avec moins drsquoerreurs en un seul point. rsquoutilisateurs, si avez 100 utilisateurs faisant du shopping, peut être 1000 utilisateurs sur le site parce que tout le monde nrsquoachète pas. votre taux de conversion moyen est de 7%, cela signifie que 93% des utilisateurs nrsquoont pas réellement acheté, mais ils ont peut être ajouté quelque chose à votre panier. Pensez au nombre de personnes qui chargent cette voiture. Il peut vraiment ralentir les choses très rapidement. Ils gèrent la puissance de traitement comme srsquoils achetaient activement, mais ce nrsquoest pas le cas. Ensuite, si possible, essayez de tuer le clip cart, ou utilisez optimocha ou un autre plug in qui le limite. La deuxième chose à propos de woocommerce ou de tout grand site Web est de ne pas accumuler de données. Une grande quantité de données sur les commandes prend du temps à traiter. La meilleure façon est de supprimer les données de commande périmées. Selon le type de magasin, ce nrsquoest peut être pas votre meilleure solution. Regarde ce que tu fais. Mais si avez un magasin où les achats sont très sensibles au facteur temps et qursquoils ne peuvent pas retourner les marchandises dans les 90 jours, crsquoest peut être un genre de choses comme les billets, et ils ne peuvent pas les acheter de toute façon. Supprimer toutes les anciennes données de commande. WordPress n’est pas votre logiciel comptable. Ce nrsquoest pas censé être votre logiciel comptable. Exporter les données de commande vers le logiciel comptable et les supprimer du site Web. Elasticsearch peut également aider à lrsquoindexer, ce qui permet de terminer vos tâches plus rapidement. La meilleure façon, bien sûr, est de lrsquoéliminer complètement. Encore une fois, attention à ça. Peut être parler à votre comptable. Selon le type de magasin que possédez. Mais retirez d
Amélioration du rendement et de la sécurité? Beaucoup de choses vont arriver au cœur et au plugin wordpress. De même, si joignez à nous dans le cadre du programme woocommerce, pourriez déjà lrsquoinclure dans nos produits SPM. Cependant, si nrsquoêtes pas sur SPM, si utilisez des outils qui peuvent le faire pour , assurez de mettre à jour tous les plug ins. Assurez que le sujet est à jour. Assurez que tout est à jour afin que nrsquoayez aucun problème: Profitez des améliorations apportées par lrsquoentreprise. Au fil des ans, woocommerce a été remarquable. Ils ont changé la façon dont la base de données stocke les choses. Au cours de la dernière décennie ou plus, ils ont apporté de nombreux changements pour accélérer le fonctionnement des sites Web existants. Utilisez le pour assurer que suivez ces changements. Voir la création de contenu. Utilisez le bon type de bloc lors de la composition du contenu. oui, ne voudrez peut être pas jouer avec des blocs qui ajoutent 20 images à la galerie lorsque quatre images suffisent. Voir les limites par défaut sur ces blocs. Voir vos outils de création de contenu. Srsquoils peuvent optimiser votre image pour , faites le. Srsquoils recommandent drsquoinsérer quatre images dans un produit et que dites, ah, ça ne marchera pas. sortez et payez quelqursquoun pour 20, ça ralentira les choses. Essayez drsquoutiliser ces valeurs par défaut au lieu de les augmenter, en particulier si augmentez ou changez les valeurs par défaut augmentera le temps de chargement de lrsquoutilisateur final. Donc, encore une fois, résumez vos recherches. Tuer Regardez vos caractéristiques. La plus grande fonctionnalité que pouvez supprimer sur woocommerce est de supprimer les fragments de panier immédiatement. Et regardez vos données. les gens sont à la recherche de vos données, assurez que vos données ont été téléchargées et téléchargées sur des sites comme elasticpress. Assurez que tout est à jour et idéal pour les points de vente
Vue Alors faites très attention à votre façon de travailler. Surtout, regardez votre magasin. votre magasin nrsquoa pas besoin de la fonctionnalité X, ne lrsquoincluez pas simplement parce que le blog de quelqursquoun drsquoautre le dit. Utilisez la méthode la plus appropriée pour et vos utilisateurs. Ils finiront par en remercier. Mais crsquoest pourquoi je tiens à remercier drsquoavoir participé à cet événement et drsquoavoir écouté ma déclaration. Jrsquoapprécie. Jrsquoaime parler de woocommerce et de performance. Je peux répondre à toutes vos questions.
2021 Sommet sur les percées technologiques: guide final pour optimiser le site Web de woocommerce
