{"id":23958,"date":"2024-01-07T12:37:16","date_gmt":"2024-01-07T12:37:16","guid":{"rendered":"https:\/\/yorkshiredesign.co.uk\/?page_id=23958"},"modified":"2025-04-17T08:10:23","modified_gmt":"2025-04-17T07:10:23","slug":"installer-des-plugins","status":"publish","type":"page","link":"https:\/\/yorkshiredesign.co.uk\/fr\/guide-de-vitesse-de-page\/installer-des-plugins\/","title":{"rendered":"Installer des plugins"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"vc_row wpb_row vc_row-fluid\" ><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_hidden-lg vc_hidden-md vc_hidden-sm\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space  tabbyup\"   style=\"height: 70px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\" ><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_hidden-lg vc_hidden-md vc_hidden-sm vc_hidden-xs vc_col-has-fill\"><div class=\"vc_column-inner vc_custom_1744849341800\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1710162754829 uptab\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h1 class=\"hblack\" style=\"text-align: center;\">Installer <span style=\"color: #fc0;\">Plugins<\/span><\/h1>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"edgtf-row-grid-section-wrapper edgtf-content-aligment-left\"  ><div class=\"edgtf-row-grid-section\"><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1639304550036\" ><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_hidden-xs\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1639652935502\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"edgtf-row-grid-section-wrapper\"  ><div class=\"edgtf-row-grid-section\"><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1648233832119 vc_row-has-fill\" ><div class=\"wpb_column vc_column_container vc_col-sm-6 vc_hidden-md vc_hidden-sm vc_hidden-xs vc_col-has-fill\"><div class=\"vc_column-inner vc_custom_1708238111390\"><div class=\"wpb_wrapper\"><div class=\"edgtf-elements-holder   edgtf-two-columns  edgtf-responsive-mode-1280 edgtf-one-column-alignment-center\" ><div class=\"edgtf-eh-item  edgtf-vertical-alignment-top edgtf-horizontal-alignment-center\" style=\"background-color: #efefef\" data-item-class=\"edgtf-eh-custom-3520\">\n    <div class=\"edgtf-eh-item-inner\">\n        <div class=\"edgtf-eh-item-content edgtf-eh-custom-3520\" style=\"padding: 0px 20px 0px 20px\">\n            \n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1707872132765\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"h1yellow\">WordPress <span style=\"color: #fc0;\">Plugins<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element vc_custom_1708235896124\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<img decoding=\"async\" src=\"https:\/\/yorkshiredesign.co.uk\/wp-content\/uploads\/2024\/02\/Installing-Plugins.jpg\" alt=\"Installation d&#039;un plugin sur votre site Web WordPress pour Speed.\" title=\"Installation d&#039;un plugin sur votre site Web WordPress pour Speed.\" align=\"center\" class=\"top_image\" fetchpriority=\"high\" loading=\"eager\" width=\"600\" height=\"450\">\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1708250518650\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"webpicsmall\" style=\"text-align: center;\">Les bons plugins vous donnent le contr\u00f4le de votre site Web<\/p>\n<p class=\"webpicbig\" style=\"text-align: center;\">Ce sont ceux \u00e0 utiliser<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<a itemprop=\"url\" href=\"\/fr\/produit\/reglage-de-la-vitesse-des-pages\/\" target=\"_self\" style=\"color: #000000;background-color: #ffcc00;margin: 0px 0 40px 0\" class=\"edgtf-btn edgtf-btn-medium edgtf-btn-solid edgtf-btn-with-cover-fx\"  >\n    <span class=\"edgtf-btn-text\">Tu veux que je le fasse ?<\/span>\n        \t    <div class=\"edgtf-btn-cover\">\n\t    \t<span class=\"edgtf-btn-text edgtf-btn-cover-text\" >\n\t    \t\t<span>\n\t    \t\t\tTu veux que je le fasse ?\t\t\t\t<\/span>\t\n\t    \t<\/span>\n\t    \t\t    \t<div class=\"edgtf-btn-cover-bgrnd\" ><\/div>\n\t    <\/div>\n\t<\/a>        <\/div>\n    <\/div>\n<\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6 vc_hidden-md vc_hidden-sm vc_hidden-xs\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"edgtf-elements-holder   edgtf-two-columns  edgtf-responsive-mode-1280 edgtf-one-column-alignment-center\" ><div class=\"edgtf-eh-item  edgtf-vertical-alignment-top\"  data-item-class=\"edgtf-eh-custom-9984\">\n    <div class=\"edgtf-eh-item-inner\">\n        <div class=\"edgtf-eh-item-content edgtf-eh-custom-9984\" style=\"padding: 0px 20px 0px 20px\">\n            \n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1644074695735\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"hblack\" style=\"text-align: center;\">Pourquoi utiliser <span style=\"color: #fc0;\">WordPress<\/span> Des plugins ?<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1675275226025\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">Les sites Web WordPress sont absolument \u00e9normes de nos jours, et la quantit\u00e9 de fonctionnalit\u00e9s qu\u2019ils contiennent rend le codage de fichiers individuels trop complexe pour l\u2019utilisateur WordPress moyen. Les plugins vous offrent une interface utilisateur, vous permettant un contr\u00f4le visuel sur votre site Web sans avoir \u00e0 recourir \u00e0 des probl\u00e8mes de codage.<\/p>\n<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">L\u2019\u00e9poque o\u00f9 l\u2019utilisation de nombreux plugins \u00e9tait mal vue est g\u00e9n\u00e9ralement r\u00e9volue. Si votre site Internet est correctement optimis\u00e9, vous pouvez utiliser autant de plugins que vous le souhaitez. Les puristes voudront peut-\u00eatre opter pour du code brut et un minimum de plugins, mais pour une simple facilit\u00e9 d&#039;utilisation et de flexibilit\u00e9, je ne peux que recommander d&#039;installer ces plugins pour vous donner le plus de contr\u00f4le sur votre site Web. Vous pourriez apporter des centaines de petits changements en optimisant des pages individuelles et les plugins r\u00e9pertori\u00e9s ci-dessous vous permettent de prendre le contr\u00f4le du fonctionnement interne de votre site Web.<\/p>\n<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">C\u2019est la vraie chose \u00e0 propos de la vitesse des pages. Vous n\u2019optimisez pas seulement votre page d\u2019accueil. Au fur et \u00e0 mesure que vous y entrerez, vous optimiserez toutes vos pages individuellement. Charger diff\u00e9rents scripts sur diff\u00e9rentes pages, peaufiner, tester \u2013 vous l&#039;appelez, vous l&#039;essayerez. Pagespeed peut cr\u00e9er une d\u00e9pendance\u00a0!<\/p>\n<p style=\"font-size: 18px; text-align: justify;\">Je vais lister ci-dessous mes plugins recommand\u00e9s \u00e0 utiliser. La liste est non exhaustive. Vous pouvez essayer diff\u00e9rentes variantes de types de plugins tels que <a href=\"https:\/\/wordpress.org\/plugins\/autoptimize\/\" target=\"_blank\" rel=\"noopener\"><strong>Optimisation automatique<\/strong><\/a> au lieu d&#039;Asset Cleanup Pro. Trouvez ce qui vous convient le mieux, mais ce guide se concentrera sur les plugins qui, \u00e0 mon avis, fonctionnent le mieux pour une gamme de types et de styles de sites Web, tout en offrant le plus de polyvalence.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n        <\/div>\n    <\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"edgtf-row-grid-section-wrapper edgtf-content-aligment-center\"  ><div class=\"edgtf-row-grid-section\"><div class=\"vc_row wpb_row vc_row-fluid\" ><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_hidden-lg vc_hidden-xs vc_col-has-fill\"><div class=\"vc_column-inner vc_custom_1708238128868\"><div class=\"wpb_wrapper\"><div class=\"edgtf-elements-holder   edgtf-one-column  edgtf-responsive-mode-1280 edgtf-one-column-alignment-center\" ><div class=\"edgtf-eh-item  edgtf-vertical-alignment-top edgtf-horizontal-alignment-center\"  data-item-class=\"edgtf-eh-custom-5294\">\n    <div class=\"edgtf-eh-item-inner\">\n        <div class=\"edgtf-eh-item-content edgtf-eh-custom-5294\" style=\"padding: 0px 20px 0px 20px\">\n            \n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1744849666606\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"h1yellow\">WordPress <span style=\"color: #fc0;\">Plugins<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element vc_custom_1708235896124\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<img decoding=\"async\" src=\"https:\/\/yorkshiredesign.co.uk\/wp-content\/uploads\/2024\/02\/Installing-Plugins.jpg\" alt=\"Installation d&#039;un plugin sur votre site Web WordPress pour Speed.\" title=\"Installation d&#039;un plugin sur votre site Web WordPress pour Speed.\" align=\"center\" class=\"top_image\" fetchpriority=\"high\" loading=\"eager\" width=\"600\" height=\"450\">\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1708250529657\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"webpicsmall\" style=\"text-align: center;\">Les bons plugins vous donnent le contr\u00f4le de votre site Web<\/p>\n<p class=\"webpicbig\" style=\"text-align: center;\">Ce sont ceux \u00e0 utiliser<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<a itemprop=\"url\" href=\"\/fr\/produit\/reglage-de-la-vitesse-des-pages\/\" target=\"_self\" style=\"color: #000000;background-color: #ffcc00;margin: 0px 0 20px 0\" class=\"edgtf-btn edgtf-btn-medium edgtf-btn-solid edgtf-btn-with-cover-fx\"  >\n    <span class=\"edgtf-btn-text\">Tu veux que je le fasse ?<\/span>\n        \t    <div class=\"edgtf-btn-cover\">\n\t    \t<span class=\"edgtf-btn-text edgtf-btn-cover-text\" >\n\t    \t\t<span>\n\t    \t\t\tTu veux que je le fasse ?\t\t\t\t<\/span>\t\n\t    \t<\/span>\n\t    \t\t    \t<div class=\"edgtf-btn-cover-bgrnd\" ><\/div>\n\t    <\/div>\n\t<\/a>\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"hblack\" style=\"text-align: center;\">Pourquoi utiliser <span style=\"color: #fc0;\">WordPress<\/span> Des plugins ?<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1641023005364\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">Les sites Web WordPress sont absolument \u00e9normes de nos jours, et la quantit\u00e9 de fonctionnalit\u00e9s qu\u2019ils contiennent rend le codage de fichiers individuels trop complexe pour l\u2019utilisateur WordPress moyen. Les plugins vous offrent une interface utilisateur, vous permettant un contr\u00f4le visuel sur votre site Web sans avoir \u00e0 recourir \u00e0 des probl\u00e8mes de codage.<\/p>\n<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">L\u2019\u00e9poque o\u00f9 l\u2019utilisation de nombreux plugins \u00e9tait mal vue est g\u00e9n\u00e9ralement r\u00e9volue. Si votre site Internet est correctement optimis\u00e9, vous pouvez utiliser autant de plugins que vous le souhaitez. Les puristes voudront peut-\u00eatre opter pour du code brut et un minimum de plugins, mais pour une simple facilit\u00e9 d&#039;utilisation et de flexibilit\u00e9, je ne peux que recommander d&#039;installer ces plugins pour vous donner le plus de contr\u00f4le sur votre site Web. Vous pourriez apporter des centaines de petits changements en optimisant des pages individuelles et les plugins r\u00e9pertori\u00e9s ci-dessous vous permettent de prendre le contr\u00f4le du fonctionnement interne de votre site Web.<\/p>\n<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">C\u2019est la vraie chose \u00e0 propos de la vitesse des pages. Vous n\u2019optimisez pas seulement votre page d\u2019accueil. Au fur et \u00e0 mesure que vous y entrerez, vous optimiserez toutes vos pages individuellement. Charger diff\u00e9rents scripts sur diff\u00e9rentes pages, peaufiner, tester \u2013 vous l&#039;appelez, vous l&#039;essayerez. Pagespeed peut cr\u00e9er une d\u00e9pendance\u00a0!<\/p>\n<p style=\"font-size: 18px; text-align: justify;\">Je vais lister ci-dessous mes plugins recommand\u00e9s \u00e0 utiliser. La liste est non exhaustive. Vous pouvez essayer diff\u00e9rentes variantes de types de plugins tels que <a href=\"https:\/\/wordpress.org\/plugins\/autoptimize\/\" target=\"_blank\" rel=\"noopener\"><strong>Optimisation automatique<\/strong><\/a> au lieu d&#039;Asset Cleanup Pro. Trouvez ce qui vous convient le mieux, mais ce guide se concentrera sur les plugins qui, \u00e0 mon avis, fonctionnent le mieux pour une gamme de types et de styles de sites Web, tout en offrant le plus de polyvalence.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n        <\/div>\n    <\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1744847608874 vc_row-has-fill edgtf-content-aligment-center\" ><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_hidden-lg vc_hidden-md vc_hidden-sm\"><div class=\"vc_column-inner vc_custom_1644064749416\"><div class=\"wpb_wrapper\"><div class=\"edgtf-elements-holder   edgtf-two-columns  edgtf-responsive-mode-768\" ><div class=\"edgtf-eh-item  edgtf-vertical-alignment-top\"  data-item-class=\"edgtf-eh-custom-6548\">\n    <div class=\"edgtf-eh-item-inner\">\n        <div class=\"edgtf-eh-item-content edgtf-eh-custom-6548\" style=\"padding: 0% 20px 20px 20px\">\n            \n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1744849716165\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"h1yellow\">WordPress <span style=\"color: #fc0;\">Plugins<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1648232999768\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">Les sites Web WordPress sont absolument \u00e9normes de nos jours, et la quantit\u00e9 de fonctionnalit\u00e9s qu\u2019ils contiennent rend le codage de fichiers individuels trop complexe pour l\u2019utilisateur WordPress moyen.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element vc_custom_1708250536106\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<img decoding=\"async\" src=\"https:\/\/yorkshiredesign.co.uk\/wp-content\/uploads\/2024\/02\/Installing-Plugins.jpg\" alt=\"Installation d&#039;un plugin sur votre site Web WordPress pour Speed.\" title=\"Installation d&#039;un plugin sur votre site Web WordPress pour Speed.\" align=\"center\" class=\"top_image\" fetchpriority=\"high\" loading=\"eager\" width=\"600\" height=\"450\">\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1655200988336\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">Les plugins vous offrent une interface utilisateur, vous permettant un contr\u00f4le visuel sur votre site Web sans avoir \u00e0 recourir \u00e0 des probl\u00e8mes de codage.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1648233022473\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">L\u2019\u00e9poque o\u00f9 l\u2019utilisation de nombreux plugins \u00e9tait mal vue est g\u00e9n\u00e9ralement r\u00e9volue. Si votre site Internet est correctement optimis\u00e9, vous pouvez utiliser autant de plugins que vous le souhaitez.<\/p>\n<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">Les puristes voudront peut-\u00eatre opter pour du code brut et un minimum de plugins, mais pour une simple facilit\u00e9 d&#039;utilisation et de flexibilit\u00e9, je ne peux que recommander d&#039;installer ces plugins pour vous donner le plus de contr\u00f4le sur votre site Web. Vous pourriez apporter des centaines de petits changements en optimisant des pages individuelles et les plugins r\u00e9pertori\u00e9s ci-dessous vous permettent de prendre le contr\u00f4le du fonctionnement interne de votre site Web.<\/p>\n<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">C\u2019est la vraie chose \u00e0 propos de la vitesse des pages. Vous n\u2019optimisez pas seulement votre page d\u2019accueil. Au fur et \u00e0 mesure que vous y entrerez, vous optimiserez toutes vos pages individuellement. Charger diff\u00e9rents scripts sur diff\u00e9rentes pages, peaufiner, tester \u2013 vous l&#039;appelez, vous l&#039;essayerez. Pagespeed peut cr\u00e9er une d\u00e9pendance\u00a0!<\/p>\n<p style=\"font-size: 18px; text-align: justify;\">Je vais lister ci-dessous mes plugins recommand\u00e9s \u00e0 utiliser. La liste est non exhaustive. Vous pouvez essayer diff\u00e9rentes variantes de types de plugins tels que <a href=\"https:\/\/wordpress.org\/plugins\/autoptimize\/\" target=\"_blank\" rel=\"noopener\"><strong>Optimisation automatique<\/strong><\/a> au lieu d&#039;Asset Cleanup Pro. Trouvez ce qui vous convient le mieux, mais ce guide se concentrera sur les plugins qui, \u00e0 mon avis, fonctionnent le mieux pour une gamme de types et de styles de sites Web, tout en offrant le plus de polyvalence.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n        <\/div>\n    <\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\" ><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_hidden-xs\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 30px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><\/div><div data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1627992064972 vc_row-has-fill vc_row-o-equal-height vc_row-o-content-top vc_row-flex edgtf-content-aligment-center\" style=\"background-color:#1d1d1d\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner vc_custom_1607025584136\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1640882975338\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"h3big\" style=\"text-align: center; color: #ffffff;\">Lequel <span style=\"color: #ffcc00;\">Plugins<\/span> Dois-je installer ?<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div class=\"vc_row wpb_row vc_row-fluid\" ><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_hidden-xs\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 30px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><\/div><div class=\"edgtf-row-grid-section-wrapper\"  ><div class=\"edgtf-row-grid-section\"><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1607089052277 vc_row-has-fill\" ><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_col-lg-offset-0 vc_col-lg-12 vc_col-md-offset-0 vc_col-md-12 vc_col-sm-offset-0 vc_col-xs-12 vc_hidden-xs\"><div class=\"vc_column-inner vc_custom_1644186547168\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1645182051549\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2 class=\"hblack\" style=\"text-align: center;\">Installer <span style=\"color: #fc0;\">Ces<\/span> Plugins dans WordPress<\/h2>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"edgtf-accordion-holder edgtf-ac-default  edgtf-accordion clearfix\">\n    <div style=\";\">\n    <h3 class=\"edgtf-accordion-title\" style=\";\">\n        <span class=\"edgtf-accordion-mark\">\n            <span class=\"edgtf_icon_plus fa fa-plus\"><\/span>\n            <span class=\"edgtf_icon_minus fa fa-minus\"><\/span>\n        <\/span>\n    <span class=\"edgtf-tab-title\">Nettoyage des actifs Pro<\/span>\n    <\/h3>\n<\/div>\n<div class=\"edgtf-accordion-content\">\n    <div class=\"edgtf-accordion-content-inner\">\n        \n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Tout d&#039;abord, optez pour le <a href=\"https:\/\/shareasale.com\/r.cfm?b=1448730&amp;u=2234888&amp;m=92973&amp;urllink=&amp;afftrack=\" target=\"_blank\" rel=\"noopener sponsored\"><strong>Version payante compl\u00e8te d&#039;Asset Cleanup Pro<\/strong><\/a> car il est plus riche en fonctionnalit\u00e9s, et ne t\u00e9l\u00e9chargez jamais une copie gratuite d&#039;un plugin. Ceux-ci pourraient contenir du code malveillant et ne sont jamais mis \u00e0 jour, vous rendant tr\u00e8s vuln\u00e9rable.<!--more--><\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Qu&#039;est-ce que <span style=\"color: #fc0;\">Nettoyage des actifs Pro<\/span> Faire?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">C&#039;est comme toute une pile de plugins d&#039;optimisation en un seul. Il donne \u00e9galement un contr\u00f4le \u00e9norme sur chaque page de votre site Web. Vous pouvez charger\/d\u00e9charger des scripts jusqu&#039;au niveau de la page, vous pouvez d\u00e9charger les fonctionnalit\u00e9s WordPress inutilis\u00e9es, vous pouvez diff\u00e9rer le code et contr\u00f4ler vos plugins.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">En un mot, c&#039;est le meilleur plugin pour prendre le contr\u00f4le de votre site Web et il est <em><u>hautement recommand\u00e9<\/u><\/em>. Je vais vous expliquer un peu comment l&#039;utiliser \u00e0 la page suivante.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Il a tellement de fonctionnalit\u00e9s qu\u2019il a besoin d\u2019une page \u00e0 part !<\/p>\n<p style=\"line-height: 33px; text-align: justify;\"><strong>Vous pouvez ex\u00e9cuter WP-Rocket en tandem avec Asset Cleanup Pro si votre serveur ne dispose pas d&#039;un bon syst\u00e8me de mise en cache int\u00e9gr\u00e9. Asset Cleanup Pro fonctionne en tandem avec ses fonctions de mise en cache et convient parfaitement si vous avez besoin d&#039;une solution de mise en cache.<\/strong><\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><div style=\";\">\n    <h3 class=\"edgtf-accordion-title\" style=\";\">\n        <span class=\"edgtf-accordion-mark\">\n            <span class=\"edgtf_icon_plus fa fa-plus\"><\/span>\n            <span class=\"edgtf_icon_minus fa fa-minus\"><\/span>\n        <\/span>\n    <span class=\"edgtf-tab-title\">Compression d&#039;images Imagify<\/span>\n    <\/h3>\n<\/div>\n<div class=\"edgtf-accordion-content\">\n    <div class=\"edgtf-accordion-content-inner\">\n        \n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">L&#039;optimisation de vos images est essentielle pour obtenir un bon <a href=\"https:\/\/yorkshiredesign.co.uk\/fr\/blog\/vitesse-de-page\/avantages-profonds-de-laugmentation-de-la-vitesse-des-pages\/\">temps de chargement des pages et vitesse de la page<\/a> score. Les images modernes peuvent \u00eatre tr\u00e8s volumineuses (plusieurs Mo) et si l\u2019on consid\u00e8re que l\u2019ensemble de cette page Web fait environ 650 Ko, code et images compris, vous pouvez voir l\u2019importance de mettre vos images au r\u00e9gime.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Il existe plusieurs optimiseurs d\u2019images dans le r\u00e9f\u00e9rentiel WordPress, et la plupart d\u2019entre eux font bien le travail. Il y en a deux que je recommande. <a href=\"https:\/\/shortpixel.com\/\" target=\"_blank\" rel=\"noopener\"><strong>Pixel court<\/strong><\/a> et <a href=\"https:\/\/imagify.io\/\" target=\"_blank\" rel=\"noopener\"><strong>Imaginer<\/strong><\/a>.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Shortpixel est bon car il est gratuit (tant que cela ne vous d\u00e9range pas) <a href=\"https:\/\/yorkshiredesign.co.uk\/fr\/blog\/creation-de-sites-webs\/eviter-de-sur-optimiser-les-images-pour-wordpress\/\">optimisation de 50 images<\/a> \u00e0 la fois) et fonctionne imm\u00e9diatement. Il y a un facile \u00e0 suivre <a href=\"https:\/\/blog.shortpixel.com\/shortpixel-image-optimization-service-tools\/\" target=\"_blank\" rel=\"noopener\"><strong>Guide de l&#039;utilisateur des pixels courts<\/strong><\/a> sur cette page si vous voulez essayer celui-l\u00e0.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Cependant, je recommanderais d&#039;installer Imagify. Le service est gratuit jusqu&#039;\u00e0 200 images par mois, et seulement $10\/mois pour une utilisation illimit\u00e9e. C&#039;est d\u00e9fini et oubli\u00e9, et vous pouvez \u00e9galement convertir (et servir) des images en utilisant le nouveau format WEBP, \u00e0 condition que votre serveur le prenne en charge. <a href=\"https:\/\/kinsta.com\/?kaid=SWFJSVQGBIQB\" target=\"_blank\" rel=\"noopener sponsored\"><strong>H\u00e9bergement Kinsta<\/strong><\/a> prend en charge la compression d&#039;image WEBP si vous vous demandez.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Encore une fois, je consacrerai une page \u00e0 Imagify plus loin dans le guide, et je recommanderais de l&#039;utiliser comme plugin d&#039;optimisation d&#039;image.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><div style=\";\">\n    <h3 class=\"edgtf-accordion-title\" style=\";\">\n        <span class=\"edgtf-accordion-mark\">\n            <span class=\"edgtf_icon_plus fa fa-plus\"><\/span>\n            <span class=\"edgtf_icon_minus fa fa-minus\"><\/span>\n        <\/span>\n    <span class=\"edgtf-tab-title\">WP Fus\u00e9e<\/span>\n    <\/h3>\n<\/div>\n<div class=\"edgtf-accordion-content\">\n    <div class=\"edgtf-accordion-content-inner\">\n        \n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\"><a href=\"\/fr\/guide-de-vitesse-de-page\/fusee-wp\/\"><strong>WP-Rocket<\/strong><\/a> est avant tout un plugin de mise en cache et de performances qui acc\u00e9l\u00e8re votre site Web. C&#039;est l&#039;une des solutions les plus ch\u00e8res \u00e0 $49 par an, mais elle fonctionne tr\u00e8s bien. La raison pour laquelle il est si bon est double\u00a0: il comporte un processus de configuration d&#039;une minute vraiment explicite et il est rapide.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Ajoutez \u00e0 cela le fait qu&#039;il est totalement compatible avec Asset Cleanup Pro et vous obtenez une configuration pr\u00eate \u00e0 aborder tous les aspects de l&#039;optimisation. M\u00eame si votre site Web dispose d&#039;un syst\u00e8me de mise en cache, WP-Rocket am\u00e9liorera vos temps de chargement et vos scores.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">La mise en cache fonctionne comme une sorte de banque de m\u00e9moire. Il stocke tous les fichiers et pages dans le cache du serveur, puis propose cette page au prochain visiteur. Cela \u00e9vite au prochain visiteur d&#039;avoir \u00e0 t\u00e9l\u00e9charger \u00e0 nouveau les fichiers pour construire la page. Cela \u00e9vite \u00e0 la fois les environnements CSS et JS d&#039;avoir \u00e0 \u00eatre t\u00e9l\u00e9charg\u00e9s \u00e0 chaque chargement de page, augmentant ainsi la vitesse.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Un mot sur <span style=\"color: #fc0;\">Woocommerce<\/span><\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">La mise en cache est id\u00e9ale pour les pages statiques o\u00f9 le <a href=\"https:\/\/yorkshiredesign.co.uk\/fr\/blog\/contenu\/\">contenu<\/a> ne change jamais. Cependant pour les sites dynamiques, cela peut \u00eatre probl\u00e9matique, voire constituer un risque pour la s\u00e9curit\u00e9.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Imaginez que vous faites des achats sur un site Web, que vous acc\u00e9dez \u00e0 votre panier, puis que vous passez \u00e0 la caisse. Vous passez \u00e0 la caisse et tout va bien. Cependant, gr\u00e2ce \u00e0 la mise en cache, vos visites de panier et de paiement seront affich\u00e9es \u00e0 la prochaine personne qui acc\u00e9dera \u00e0 son panier car elle se souviendra de votre derni\u00e8re visite. Cela signifie que vous ne devez jamais mettre en cache votre panier et votre page de paiement. Excluez toujours ces pages des optimisations. Ce ne sont pas des pages de destination et n\u2019affecteront donc pas votre r\u00e9f\u00e9rencement.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Tu peux <a href=\"https:\/\/shareasale.com\/r.cfm?b=1075949&amp;u=2234888&amp;m=74778&amp;urllink=&amp;afftrack=\" target=\"_blank\" rel=\"noopener sponsored\"><strong>T\u00e9l\u00e9charger WP-Rocket<\/strong><\/a> ici.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><div style=\";\">\n    <h3 class=\"edgtf-accordion-title\" style=\";\">\n        <span class=\"edgtf-accordion-mark\">\n            <span class=\"edgtf_icon_plus fa fa-plus\"><\/span>\n            <span class=\"edgtf_icon_minus fa fa-minus\"><\/span>\n        <\/span>\n    <span class=\"edgtf-tab-title\">Organisateur de plugins et extraits HTML<\/span>\n    <\/h3>\n<\/div>\n<div class=\"edgtf-accordion-content\">\n    <div class=\"edgtf-accordion-content-inner\">\n        \n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\"><a href=\"https:\/\/wordpress.org\/plugins\/plugin-organizer\/\" target=\"_blank\" rel=\"noopener\"><strong>Organisateur de plugins<\/strong><\/a> est un vieux mais un goldie. Encore une fois, je vais vous montrer comment cela fonctionne dans les pages suivantes.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Ce qu&#039;il fait, c&#039;est vous permettre de d\u00e9sactiver le chargement du plugin par appareil. Supposons que vous vouliez charger un plugin JS lourd (comme Slider Revolution) sur le bureau uniquement, mais assurez-vous qu&#039;aucun script n&#039;a \u00e9t\u00e9 charg\u00e9 sur mobile pour \u00e9conomiser du poids de la page, ce plugin est fait pour vous.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Vous pouvez \u00e9galement combiner cela avec un autre petit plugin appel\u00e9<strong> <a href=\"https:\/\/wordpress.org\/plugins\/insert-html-snippet\/\" target=\"_blank\" rel=\"noopener\">Extraits HTML<\/a><\/strong>. Ce que vous faites est de mettre n&#039;importe quel code lourd, JS ou vid\u00e9o dans un extrait, puis de placer l&#039;extrait dans le g\u00e9n\u00e9rateur de page Web lui-m\u00eame plut\u00f4t que dans le code d&#039;origine. Ensuite, vous d\u00e9sactivez le chargement de l\u2019extrait HTML sur mobile. Ceci sera enti\u00e8rement expliqu\u00e9 sur le <a href=\"https:\/\/yorkshiredesign.co.uk\/fr\/guide-de-vitesse-de-page\/organisateur-de-plugins\/\">organisateur de plugins<\/a> page, mais cela change la donne pour la conception Web.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><div style=\";\">\n    <h3 class=\"edgtf-accordion-title\" style=\";\">\n        <span class=\"edgtf-accordion-mark\">\n            <span class=\"edgtf_icon_plus fa fa-plus\"><\/span>\n            <span class=\"edgtf_icon_minus fa fa-minus\"><\/span>\n        <\/span>\n    <span class=\"edgtf-tab-title\">OMGF - Optimiseur de polices<\/span>\n    <\/h3>\n<\/div>\n<div class=\"edgtf-accordion-content\">\n    <div class=\"edgtf-accordion-content-inner\">\n        \n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Les polices sont \u00e9tonnamment grandes. Chaque fichier de police peut peser jusqu&#039;\u00e0 200 Ko, vous souhaitez donc en utiliser le moins possible et les t\u00e9l\u00e9charger sur votre serveur afin qu&#039;ils puissent \u00eatre pr\u00e9extraits par le navigateur pour un affichage instantan\u00e9.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Vous n\u2019avez pas seulement des styles de police, vous avez \u00e9galement des \u00e9paisseurs de police. La plupart d&#039;entre nous utilisent les polices Google, et le fait d&#039;avoir des \u00e9paisseurs de police (\u00e9paisseurs) diff\u00e9rentes peut entra\u00eener le t\u00e9l\u00e9chargement de fichiers suppl\u00e9mentaires. Chaque fichier t\u00e9l\u00e9charg\u00e9 par un th\u00e8me entra\u00eene un appel aux serveurs de polices Google. Vous ne le souhaitez pas vraiment car il s&#039;agit d&#039;une connexion externe, que le navigateur doit t\u00e9l\u00e9charger avant d&#039;\u00eatre appliqu\u00e9e \u00e0 la page.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Qu&#039;est-ce que <span style=\"color: #fc0;\">Oh mon Dieu<\/span> Faire?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">En quelques clics, <a href=\"https:\/\/wordpress.org\/plugins\/host-webfonts-local\/\" target=\"_blank\" rel=\"noopener\"><strong>Oh mon Dieu<\/strong><\/a> analyse l&#039;ensemble de votre site Web et t\u00e9l\u00e9charge vos polices sur votre serveur. C&#039;est incroyablement simple et \u00e7a marche. Je consacrerai \u00e0 nouveau une page \u00e0 la configuration d&#039;OMGF plus loin dans le guide, mais t\u00e9l\u00e9chargez-la et installez-la maintenant. C&#039;est gratuit.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\"><strong>Un petit conseil sur les polices<\/strong><\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Utilisez toujours &#039;<strong>affichage des polices\u00a0:\u00a0\u00e9change<\/strong>&#039; lorsqu&#039;on vous demande comment vous souhaitez afficher vos polices. Cela affichera bri\u00e8vement les polices syst\u00e8me standard sans t\u00e9l\u00e9charger les polices stylis\u00e9es de votre th\u00e8me. Google aime cela et cela fera une diff\u00e9rence substantielle dans les temps de chargement de vos pages.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><div style=\";\">\n    <h3 class=\"edgtf-accordion-title\" style=\";\">\n        <span class=\"edgtf-accordion-mark\">\n            <span class=\"edgtf_icon_plus fa fa-plus\"><\/span>\n            <span class=\"edgtf_icon_minus fa fa-minus\"><\/span>\n        <\/span>\n    <span class=\"edgtf-tab-title\">Scripts volants<\/span>\n    <\/h3>\n<\/div>\n<div class=\"edgtf-accordion-content\">\n    <div class=\"edgtf-accordion-content-inner\">\n        \n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Flying Scripts est en fait le nom d&#039;un d\u00e9veloppeur qui cr\u00e9e des plugins ultra rapides pour WordPress. Il existe deux plugins simples \u00e0 installer. Le temps total d\u2019installation pour les deux plugins combin\u00e9s est inf\u00e9rieur \u00e0 2 minutes et ce sont tous deux des plugins gratuits.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Que sont <span style=\"color: #fc0;\">Ces<\/span> Des plugins ?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Le premier est <a href=\"https:\/\/wordpress.org\/plugins\/flying-analytics\/\" target=\"_blank\" rel=\"noopener\"><strong>Analyse de vol<\/strong><\/a>. Cela t\u00e9l\u00e9charge le script Google Analytics sur votre serveur afin que vous n&#039;effectuiez pas d&#039;appels JS lents vers Google lorsque vous utilisez Analytics ou Tag Manager. J&#039;y reviendrai sur la page Flying Scripts, mais l&#039;utilisation des trackers Google nuit vraiment \u00e0 la vitesse de votre page.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Alors allez-y et installez celui-l\u00e0. La seule configuration que vous devez effectuer apr\u00e8s l&#039;activation est de saisir votre code de suivi Analytics \/ Google Tag. Je recommanderais de le d\u00e9finir sur un suivi minimal pour enregistrer le code. C&#039;est tout ce dont vous aurez besoin. Et c&#039;est tout!<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Que dire de la <span style=\"color: #fc0;\">Deuxi\u00e8me<\/span> Brancher?<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">C&#039;est appel\u00e9 <a href=\"https:\/\/wordpress.org\/plugins\/flying-pages\/\" target=\"_blank\" rel=\"noopener\"><strong>Pages volantes<\/strong><\/a> \u2013 et c\u2019est encore plus facile \u00e0 configurer. Il suffit de l&#039;installer et de l&#039;activer et c&#039;est fait. La seule chose que je recommanderais est de le configurer pour qu&#039;il soit pr\u00e9charg\u00e9 uniquement au survol de la souris. En effet, le pr\u00e9chargement de chaque page \u00e0 partir des liens peut ralentir le processus. <a href=\"https:\/\/yorkshiredesign.co.uk\/fr\/blog\/vitesse-de-page\/devoilant-les-scores-enigmatiques-de-google-et-de-pagespeed\/\">score de vitesse de page<\/a> l\u00e9g\u00e8rement en baisse, m\u00eame si le temps de chargement pour l&#039;utilisateur final est plus rapide. Le pr\u00e9chargement des pages au survol de la souris ne s&#039;active que lorsque l&#039;utilisateur survole le lien. Cela r\u00e9duit toujours le temps de chargement des pages pour l&#039;utilisateur final, mais r\u00e9sout le probl\u00e8me de vitesse des pages.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><div style=\";\">\n    <h3 class=\"edgtf-accordion-title\" style=\";\">\n        <span class=\"edgtf-accordion-mark\">\n            <span class=\"edgtf_icon_plus fa fa-plus\"><\/span>\n            <span class=\"edgtf_icon_minus fa fa-minus\"><\/span>\n        <\/span>\n    <span class=\"edgtf-tab-title\">Purificateur CSS Rapidload (facultatif)<\/span>\n    <\/h3>\n<\/div>\n<div class=\"edgtf-accordion-content\">\n    <div class=\"edgtf-accordion-content-inner\">\n        \n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">La plupart <a href=\"https:\/\/yorkshiredesign.co.uk\/fr\/blog\/creation-de-sites-webs\/devoilant-les-meilleurs-themes-wordpress\/\">Les sites Web WordPress utilisent des th\u00e8mes<\/a>. Les th\u00e8mes sont excellents, \u00e0 une chose pr\u00e8s : ils sont tr\u00e8s volumineux.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Qu&#039;est-ce que <span style=\"color: #fc0;\">Gonfler<\/span>?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Bloat est l&#039;endroit o\u00f9 vous avez du code suppl\u00e9mentaire en cours d&#039;ex\u00e9cution sur votre page qui n&#039;est pas n\u00e9cessaire. Les formes de ballonnement les plus courantes sont Javascript et CSS.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Imaginez maintenant le moment o\u00f9 vous avez achet\u00e9 votre th\u00e8me. Vous l&#039;avez probablement achet\u00e9 parce qu&#039;il \u00e9tait superbe, qu&#039;il poss\u00e9dait de nombreuses fonctionnalit\u00e9s et qu&#039;il faisait beaucoup de choses vraiment sympas. Le fait est que, maintenant que vous avez cr\u00e9\u00e9 vos mod\u00e8les de page, vous n\u2019utilisez probablement pas le r\u00e9pertoire complet d\u2019options du th\u00e8me. C&#039;est l\u00e0 que le ballonnement entre en jeu. C&#039;est du code que vous n&#039;utilisez pas sur les pages, et il ne vous est d&#039;aucune utilit\u00e9 pour aller de l&#039;avant.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Tous ces graphiques, effets CSS et options JS ont un co\u00fbt. Ils seront dans les fichiers CSS\/JS et seront charg\u00e9s sur la page, que vous les utilisiez ou non. Si l\u2019on consid\u00e8re que vous n\u2019utilisez probablement pas 70-80% du CSS dans le th\u00e8me, la quantit\u00e9 de donn\u00e9es inutilis\u00e9es charg\u00e9es dans le navigateur peut \u00eatre \u00e9norme. C\u2019est l\u00e0 qu\u2019intervient la purification du CSS\/JS. Nous r\u00e9\u00e9crivons les fichiers en utilisant uniquement le code dont vous avez besoin, ce qui entra\u00eene d&#039;\u00e9normes \u00e9conomies de donn\u00e9es.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Comment <span style=\"color: #fc0;\">Chargement rapide<\/span> Aide?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Encore une fois, nous aurons une page qui lui sera d\u00e9di\u00e9e, mais en substance <a href=\"https:\/\/rapidload.io\/?ref=simon_parker\" target=\"_blank\" rel=\"noopener sponsored\"><strong>Chargement rapide<\/strong><\/a> r\u00e9\u00e9crit votre CSS afin qu&#039;il y ait tr\u00e8s peu de bloatware sur vos pages. Il le fait \u00e9galement page par page, au cas o\u00f9 vous utiliseriez diff\u00e9rentes mises en page sur diff\u00e9rentes pages. Il est totalement configur\u00e9 et oubli\u00e9, et peut \u00e9conomiser une \u00e9norme quantit\u00e9 de donn\u00e9es \u2013 jusqu&#039;\u00e0 90% de votre poids CSS total, qui s&#039;\u00e9l\u00e8ve \u00e0 1 Mo ou plus sur les sites Web th\u00e9matiques.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Pour les puristes, il existe une option gratuite pour le faire au <a href=\"https:\/\/purifycss.online\/\" target=\"_blank\" rel=\"noopener\"><strong>Site Web PurifyCSS<\/strong><\/a>. Vous pouvez lire comment purifier votre CSS sur leur <a href=\"https:\/\/www.webperftools.com\/blog\/how-to-remove-unused-css-in-wordpress\/\" target=\"_blank\" rel=\"noopener\"><strong>Page de blog CSS<\/strong><\/a>. Cela s&#039;appelle le fractionnement de code et cela peut devenir lourd, surtout si vous avez beaucoup de pages et que Rapidload fait tout simplement tout pour vous.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><div style=\";\">\n    <h3 class=\"edgtf-accordion-title\" style=\";\">\n        <span class=\"edgtf-accordion-mark\">\n            <span class=\"edgtf_icon_plus fa fa-plus\"><\/span>\n            <span class=\"edgtf_icon_minus fa fa-minus\"><\/span>\n        <\/span>\n    <span class=\"edgtf-tab-title\">Tout est install\u00e9 ?<\/span>\n    <\/h3>\n<\/div>\n<div class=\"edgtf-accordion-content\">\n    <div class=\"edgtf-accordion-content-inner\">\n        \n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Ce sont les seuls plugins que vous devez r\u00e9ellement installer pour le moment. Il vous donnera les outils n\u00e9cessaires pour optimiser correctement votre site internet, sans le surcharger. Tandis qu&#039;avec mon <a href=\"\/fr\/produit\/reglage-de-la-vitesse-des-pages\/\"><strong>service de vitesse de page<\/strong><\/a> vous obtiendrez beaucoup plus de r\u00e9glages manuels, les parties qui vous guideront tout au long de ce guide garantiront que votre site Web r\u00e9ussira <a href=\"https:\/\/pagespeed.web.dev\" target=\"_blank\" rel=\"noopener\"><strong>Les principaux \u00e9l\u00e9ments essentiels du Web de Google<\/strong><\/a> et augmentez vos positions dans le classement.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Mais comment <span style=\"color: #fc0;\">Est-ce que j&#039;utilise<\/span> Eux?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Nous allons maintenant examiner plus en d\u00e9tail ce que chaque plugin fait pour votre site Web et comment commencer \u00e0 acc\u00e9l\u00e9rer. Vous verrez que ces plugins ont \u00e9t\u00e9 s\u00e9lectionn\u00e9s en raison de leur flexibilit\u00e9.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Ils vous permettront de faire tout ce que vous avez lu, du report du JS au pr\u00e9chargement du CSS.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid edgtf-content-aligment-center\" ><div class=\"wpb_column vc_column_container vc_col-sm-6 vc_hidden-xs\"><div class=\"vc_column-inner vc_custom_1648287153651\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6482022064054003\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- Install Plugins -->\n<ins class=\"adsbygoogle\"\n     style=\"display:inline-block;width:600px;height:450px\"\n     data-ad-client=\"ca-pub-6482022064054003\"\n     data-ad-slot=\"4257086770\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6 vc_hidden-xs\"><div class=\"vc_column-inner vc_custom_1704296820658\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1704296886952\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"h1yellowsmall\" style=\"text-align: center; font-size: 40px;\">Installer les plugins \u2013 Termin\u00e9\u00a0!<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1704296897751\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"hblack\" style=\"text-align: center; margin-bottom: 20px;\">\u00c9tape 3\u00a0: configuration du plugin<\/p>\n<p class=\"webpicsmall\" style=\"text-align: center;\">Commen\u00e7ons par optimiser\u00a0!<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<a itemprop=\"url\" href=\"\/fr\/guide-de-vitesse-de-page\/pro-du-nettoyage-des-actifs\/\" target=\"_self\" style=\"color: #000000;background-color: #ffcc00;margin: 0px 0 0px 0\" class=\"edgtf-btn edgtf-btn-medium edgtf-btn-solid edgtf-btn-with-cover-fx\"  >\n    <span class=\"edgtf-btn-text\">Nettoyage des actifs Pro<\/span>\n        \t    <div class=\"edgtf-btn-cover\">\n\t    \t<span class=\"edgtf-btn-text edgtf-btn-cover-text\" >\n\t    \t\t<span>\n\t    \t\t\tNettoyage des actifs Pro\t\t\t\t<\/span>\t\n\t    \t<\/span>\n\t    \t\t    \t<div class=\"edgtf-btn-cover-bgrnd\" ><\/div>\n\t    <\/div>\n\t<\/a><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1744847632543 vc_row-has-fill edgtf-content-aligment-center\" ><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_col-lg-offset-0 vc_col-lg-12 vc_hidden-lg vc_col-md-offset-0 vc_col-md-12 vc_hidden-md vc_col-sm-offset-0 vc_hidden-sm vc_col-xs-12\"><div class=\"vc_column-inner vc_custom_1644189677603\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1640883043185\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2 class=\"hblack\" style=\"text-align: center;\"><span style=\"color: #fc0;\">Installez-les<\/span> Plugins<\/h2>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"edgtf-accordion-holder edgtf-ac-default  edgtf-accordion clearfix\">\n    <div style=\";\">\n    <h3 class=\"edgtf-accordion-title\" style=\";\">\n        <span class=\"edgtf-accordion-mark\">\n            <span class=\"edgtf_icon_plus fa fa-plus\"><\/span>\n            <span class=\"edgtf_icon_minus fa fa-minus\"><\/span>\n        <\/span>\n    <span class=\"edgtf-tab-title\">Nettoyage des actifs Pro<\/span>\n    <\/h3>\n<\/div>\n<div class=\"edgtf-accordion-content\">\n    <div class=\"edgtf-accordion-content-inner\">\n        \n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Tout d&#039;abord, optez pour le <a href=\"https:\/\/shareasale.com\/r.cfm?b=1448730&amp;u=2234888&amp;m=92973&amp;urllink=&amp;afftrack=\" target=\"_blank\" rel=\"noopener\"><strong>Version payante compl\u00e8te d&#039;Asset Cleanup Pro<\/strong><\/a> car il est plus riche en fonctionnalit\u00e9s, et ne t\u00e9l\u00e9chargez jamais une copie gratuite d&#039;un plugin. Ceux-ci pourraient contenir du code malveillant et ne sont jamais mis \u00e0 jour, vous rendant tr\u00e8s vuln\u00e9rable.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Qu&#039;est-ce que <span style=\"color: #fc0;\">Nettoyage des actifs Pro<\/span> Faire?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">C&#039;est comme toute une pile de plugins d&#039;optimisation en un seul. Il donne \u00e9galement un contr\u00f4le \u00e9norme sur chaque page de votre site Web. Vous pouvez charger\/d\u00e9charger des scripts jusqu&#039;au niveau de la page, vous pouvez d\u00e9charger les fonctionnalit\u00e9s WordPress inutilis\u00e9es, vous pouvez diff\u00e9rer le code et contr\u00f4ler vos plugins.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">En un mot, c&#039;est le meilleur plugin pour prendre le contr\u00f4le de votre site Web et il est <em><u>hautement recommand\u00e9<\/u><\/em>. Je vais vous expliquer un peu comment l&#039;utiliser \u00e0 la page suivante.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Il a tellement de fonctionnalit\u00e9s qu\u2019il a besoin d\u2019une page \u00e0 part !<\/p>\n<p style=\"line-height: 33px; text-align: justify;\"><strong>Vous pouvez ex\u00e9cuter WP-Rocket en tandem avec Asset Cleanup Pro si votre serveur ne dispose pas d&#039;un bon syst\u00e8me de mise en cache int\u00e9gr\u00e9. Asset Cleanup Pro fonctionne en tandem avec ses fonctions de mise en cache et convient parfaitement si vous avez besoin d&#039;une solution de mise en cache.<\/strong><\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><div style=\";\">\n    <h3 class=\"edgtf-accordion-title\" style=\";\">\n        <span class=\"edgtf-accordion-mark\">\n            <span class=\"edgtf_icon_plus fa fa-plus\"><\/span>\n            <span class=\"edgtf_icon_minus fa fa-minus\"><\/span>\n        <\/span>\n    <span class=\"edgtf-tab-title\">Imaginer<\/span>\n    <\/h3>\n<\/div>\n<div class=\"edgtf-accordion-content\">\n    <div class=\"edgtf-accordion-content-inner\">\n        \n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">L&#039;optimisation de vos images est essentielle pour obtenir un bon temps de chargement de page et un bon score de vitesse de page. Les images modernes peuvent \u00eatre tr\u00e8s volumineuses (plusieurs Mo) et si l\u2019on consid\u00e8re que l\u2019ensemble de cette page Web fait environ 650 Ko, code et images compris, vous pouvez voir l\u2019importance de mettre vos images au r\u00e9gime.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Il existe plusieurs optimiseurs d\u2019images dans le r\u00e9f\u00e9rentiel WordPress, et la plupart d\u2019entre eux font bien le travail. Il y en a deux que je recommande. <a href=\"https:\/\/shortpixel.com\/\" target=\"_blank\" rel=\"noopener\"><strong>Pixel court<\/strong><\/a> et <a href=\"https:\/\/imagify.io\/\" target=\"_blank\" rel=\"noopener\"><strong>Imaginer<\/strong><\/a>.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Shortpixel est bon car il est gratuit (tant que cela ne vous d\u00e9range pas d&#039;optimiser 50 images \u00e0 la fois) et fonctionne imm\u00e9diatement. Il y a un facile \u00e0 suivre <a href=\"https:\/\/blog.shortpixel.com\/shortpixel-image-optimization-service-tools\/\" target=\"_blank\" rel=\"noopener\"><strong>Guide de l&#039;utilisateur des pixels courts<\/strong><\/a> sur cette page si vous voulez essayer celui-l\u00e0.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Cependant, je recommanderais d&#039;installer Imagify. Le service est gratuit jusqu&#039;\u00e0 200 images par mois, et seulement $10\/mois pour une utilisation illimit\u00e9e. C&#039;est d\u00e9fini et oubli\u00e9, et vous pouvez \u00e9galement convertir (et servir) des images en utilisant le nouveau format WEBP, \u00e0 condition que votre serveur le prenne en charge. <a href=\"https:\/\/kinsta.com\/?kaid=SWFJSVQGBIQB\" target=\"_blank\" rel=\"noopener sponsored\"><strong>H\u00e9bergement Kinsta<\/strong><\/a> prend en charge la compression d&#039;image WEBP si vous vous demandez.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Encore une fois, je consacrerai une page \u00e0 Imagify plus loin dans le guide, et je recommanderais de l&#039;utiliser comme plugin d&#039;optimisation d&#039;image.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><div style=\";\">\n    <h3 class=\"edgtf-accordion-title\" style=\";\">\n        <span class=\"edgtf-accordion-mark\">\n            <span class=\"edgtf_icon_plus fa fa-plus\"><\/span>\n            <span class=\"edgtf_icon_minus fa fa-minus\"><\/span>\n        <\/span>\n    <span class=\"edgtf-tab-title\">WP Fus\u00e9e<\/span>\n    <\/h3>\n<\/div>\n<div class=\"edgtf-accordion-content\">\n    <div class=\"edgtf-accordion-content-inner\">\n        \n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\"><a href=\"\/fr\/guide-de-vitesse-de-page\/fusee-wp\/\"><strong>WP-Rocket<\/strong><\/a> est avant tout un plugin de mise en cache et de performances qui acc\u00e9l\u00e8re votre site Web. C&#039;est l&#039;une des solutions les plus ch\u00e8res \u00e0 $49 par an, mais elle fonctionne tr\u00e8s bien. La raison pour laquelle il est si bon est double\u00a0: il comporte un processus de configuration d&#039;une minute vraiment explicite et il est rapide.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Ajoutez \u00e0 cela le fait qu&#039;il est totalement compatible avec Asset Cleanup Pro et vous obtenez une configuration pr\u00eate \u00e0 aborder tous les aspects de l&#039;optimisation. M\u00eame si votre site Web dispose d&#039;un syst\u00e8me de mise en cache, <strong>WP-Rocket<\/strong> am\u00e9liorera vos temps de chargement et vos scores.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">La mise en cache fonctionne comme une sorte de banque de m\u00e9moire. Il stocke tous les fichiers et pages dans le cache du serveur, puis propose cette page au prochain visiteur. Cela \u00e9vite au prochain visiteur d&#039;avoir \u00e0 t\u00e9l\u00e9charger \u00e0 nouveau les fichiers pour construire la page. Cela \u00e9vite \u00e0 la fois les environnements CSS et JS d&#039;avoir \u00e0 \u00eatre t\u00e9l\u00e9charg\u00e9s \u00e0 chaque chargement de page, augmentant ainsi la vitesse.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Un mot sur <span style=\"color: #fc0;\">Woocommerce<\/span><\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">La mise en cache est id\u00e9ale pour les pages statiques dont le contenu ne change jamais. Cependant pour les sites dynamiques, cela peut \u00eatre probl\u00e9matique, voire constituer un risque pour la s\u00e9curit\u00e9.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Imaginez que vous faites des achats sur un site Web, que vous acc\u00e9dez \u00e0 votre panier, puis que vous passez \u00e0 la caisse. Vous passez \u00e0 la caisse et tout va bien. Cependant, gr\u00e2ce \u00e0 la mise en cache, vos visites de panier et de paiement seront affich\u00e9es \u00e0 la prochaine personne qui acc\u00e9dera \u00e0 son panier car elle se souviendra de votre derni\u00e8re visite. Cela signifie que vous ne devez jamais mettre en cache votre panier et votre page de paiement. Excluez toujours ces pages des optimisations. Ce ne sont pas des pages de destination et n\u2019affecteront donc pas votre r\u00e9f\u00e9rencement.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Tu peux <a href=\"https:\/\/shareasale.com\/r.cfm?b=1075949&amp;u=2234888&amp;m=74778&amp;urllink=&amp;afftrack=\" target=\"_blank\" rel=\"noopener sponsored\"><strong>T\u00e9l\u00e9charger WP-Rocket<\/strong><\/a> ici.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><div style=\";\">\n    <h3 class=\"edgtf-accordion-title\" style=\";\">\n        <span class=\"edgtf-accordion-mark\">\n            <span class=\"edgtf_icon_plus fa fa-plus\"><\/span>\n            <span class=\"edgtf_icon_minus fa fa-minus\"><\/span>\n        <\/span>\n    <span class=\"edgtf-tab-title\">Organisateur de plugins<\/span>\n    <\/h3>\n<\/div>\n<div class=\"edgtf-accordion-content\">\n    <div class=\"edgtf-accordion-content-inner\">\n        \n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\"><a href=\"https:\/\/wordpress.org\/plugins\/plugin-organizer\/\" target=\"_blank\" rel=\"noopener\"><strong>Organisateur de plugins<\/strong><\/a> est un vieux mais un goldie. Encore une fois, je vais vous montrer comment cela fonctionne dans les pages suivantes.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Ce qu&#039;il fait, c&#039;est vous permettre de d\u00e9sactiver le chargement du plugin par appareil. Supposons que vous vouliez charger un plugin JS lourd (comme Slider Revolution) sur le bureau uniquement, mais assurez-vous qu&#039;aucun script n&#039;a \u00e9t\u00e9 charg\u00e9 sur mobile pour \u00e9conomiser du poids de la page, ce plugin est fait pour vous.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Vous pouvez \u00e9galement combiner cela avec un autre petit plugin appel\u00e9<strong> <a href=\"https:\/\/wordpress.org\/plugins\/insert-html-snippet\/\" target=\"_blank\" rel=\"noopener\">Extraits HTML<\/a><\/strong>. Ce que vous faites est de mettre n&#039;importe quel code lourd, JS ou vid\u00e9o dans un extrait, puis de placer l&#039;extrait dans le g\u00e9n\u00e9rateur de page Web lui-m\u00eame plut\u00f4t que dans le code d&#039;origine. Ensuite, vous d\u00e9sactivez le chargement de l\u2019extrait HTML sur mobile. Cela sera enti\u00e8rement expliqu\u00e9 sur la page de l&#039;organisateur du plugin, mais cela change la donne pour <a href=\"https:\/\/yorkshiredesign.co.uk\/fr\/concepteurs-de-sites-web\/\">cr\u00e9ation de sites web<\/a>.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><div style=\";\">\n    <h3 class=\"edgtf-accordion-title\" style=\";\">\n        <span class=\"edgtf-accordion-mark\">\n            <span class=\"edgtf_icon_plus fa fa-plus\"><\/span>\n            <span class=\"edgtf_icon_minus fa fa-minus\"><\/span>\n        <\/span>\n    <span class=\"edgtf-tab-title\">Oh mon Dieu<\/span>\n    <\/h3>\n<\/div>\n<div class=\"edgtf-accordion-content\">\n    <div class=\"edgtf-accordion-content-inner\">\n        \n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Les polices sont \u00e9tonnamment grandes. Chaque fichier de police peut peser jusqu&#039;\u00e0 200 Ko, vous souhaitez donc en utiliser le moins possible et les t\u00e9l\u00e9charger sur votre serveur afin qu&#039;ils puissent \u00eatre pr\u00e9extraits par le navigateur pour un affichage instantan\u00e9.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Vous n\u2019avez pas seulement des styles de police, vous avez \u00e9galement des \u00e9paisseurs de police. La plupart d&#039;entre nous utilisent les polices Google, et le fait d&#039;avoir des \u00e9paisseurs de police (\u00e9paisseurs) diff\u00e9rentes peut entra\u00eener le t\u00e9l\u00e9chargement de fichiers suppl\u00e9mentaires. Chaque fichier t\u00e9l\u00e9charg\u00e9 par un th\u00e8me entra\u00eene un appel aux serveurs de polices Google. Vous ne le souhaitez pas vraiment car il s&#039;agit d&#039;une connexion externe, que le navigateur doit t\u00e9l\u00e9charger avant d&#039;\u00eatre appliqu\u00e9e \u00e0 la page.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Qu&#039;est-ce que <span style=\"color: #fc0;\">Oh mon Dieu<\/span> Faire?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">En quelques clics, <a href=\"https:\/\/wordpress.org\/plugins\/host-webfonts-local\/\" target=\"_blank\" rel=\"noopener\"><strong>Oh mon Dieu<\/strong><\/a> analyse l&#039;ensemble de votre site Web et t\u00e9l\u00e9charge vos polices sur votre serveur. C&#039;est incroyablement simple et \u00e7a marche. Je consacrerai \u00e0 nouveau une page \u00e0 la configuration d&#039;OMGF plus loin dans le guide, mais t\u00e9l\u00e9chargez-la et installez-la maintenant. C&#039;est gratuit.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\"><strong>Un petit conseil sur les polices<\/strong><\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Utilisez toujours &#039;<strong>affichage des polices\u00a0:\u00a0\u00e9change<\/strong>&#039; lorsqu&#039;on vous demande comment vous souhaitez afficher vos polices. Cela affichera bri\u00e8vement les polices syst\u00e8me standard sans t\u00e9l\u00e9charger les polices stylis\u00e9es de votre th\u00e8me. Google aime cela et cela fera une diff\u00e9rence substantielle dans les temps de chargement de vos pages.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><div style=\";\">\n    <h3 class=\"edgtf-accordion-title\" style=\";\">\n        <span class=\"edgtf-accordion-mark\">\n            <span class=\"edgtf_icon_plus fa fa-plus\"><\/span>\n            <span class=\"edgtf_icon_minus fa fa-minus\"><\/span>\n        <\/span>\n    <span class=\"edgtf-tab-title\">Scripts volants<\/span>\n    <\/h3>\n<\/div>\n<div class=\"edgtf-accordion-content\">\n    <div class=\"edgtf-accordion-content-inner\">\n        \n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Flying Scripts est en fait le nom d&#039;un d\u00e9veloppeur qui cr\u00e9e des plugins ultra rapides pour WordPress. Il existe deux plugins simples \u00e0 installer. Le temps total d\u2019installation pour les deux plugins combin\u00e9s est inf\u00e9rieur \u00e0 2 minutes et ce sont tous deux des plugins gratuits.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Que sont <span style=\"color: #fc0;\">Ces<\/span> Des plugins ?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Le premier est <a href=\"https:\/\/wordpress.org\/plugins\/flying-analytics\/\" target=\"_blank\" rel=\"noopener\"><strong>Analyse de vol<\/strong><\/a>. Cela t\u00e9l\u00e9charge le script Google Analytics sur votre serveur afin que vous n&#039;effectuiez pas d&#039;appels JS lents vers Google lorsque vous utilisez Analytics ou Tag Manager. J&#039;y reviendrai sur la page Flying Scripts, mais l&#039;utilisation des trackers Google nuit vraiment \u00e0 la vitesse de votre page.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Alors allez-y et installez celui-l\u00e0. La seule configuration que vous devez effectuer apr\u00e8s l&#039;activation est de saisir votre code de suivi Analytics \/ Google Tag. Je recommanderais de le d\u00e9finir sur un suivi minimal pour enregistrer le code. C&#039;est tout ce dont vous aurez besoin. Et c&#039;est tout!<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Que dire de la <span style=\"color: #fc0;\">Deuxi\u00e8me<\/span> Brancher?<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">C&#039;est appel\u00e9 <a href=\"https:\/\/wordpress.org\/plugins\/flying-pages\/\" target=\"_blank\" rel=\"noopener\"><strong>Pages volantes<\/strong><\/a> \u2013 et c\u2019est encore plus facile \u00e0 configurer. Il suffit de l&#039;installer et de l&#039;activer et c&#039;est fait. La seule chose que je recommanderais est de le configurer pour qu&#039;il soit pr\u00e9charg\u00e9 uniquement au survol de la souris. En effet, le pr\u00e9chargement de chaque page \u00e0 partir des liens peut ralentir l\u00e9g\u00e8rement le score de vitesse de page, m\u00eame si le temps de chargement pour l&#039;utilisateur final est plus rapide. Le pr\u00e9chargement des pages au survol de la souris ne s&#039;active que lorsque l&#039;utilisateur survole le lien. Cela r\u00e9duit toujours le temps de chargement des pages pour l&#039;utilisateur final, mais r\u00e9sout le probl\u00e8me de vitesse des pages.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><div style=\";\">\n    <h3 class=\"edgtf-accordion-title\" style=\";\">\n        <span class=\"edgtf-accordion-mark\">\n            <span class=\"edgtf_icon_plus fa fa-plus\"><\/span>\n            <span class=\"edgtf_icon_minus fa fa-minus\"><\/span>\n        <\/span>\n    <span class=\"edgtf-tab-title\">Chargement rapide<\/span>\n    <\/h3>\n<\/div>\n<div class=\"edgtf-accordion-content\">\n    <div class=\"edgtf-accordion-content-inner\">\n        \n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">La plupart des sites WordPress utilisent des th\u00e8mes. Les th\u00e8mes sont excellents, \u00e0 une chose pr\u00e8s : ils sont tr\u00e8s volumineux.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Qu&#039;est-ce que <span style=\"color: #fc0;\">Gonfler<\/span>?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Bloat est l&#039;endroit o\u00f9 vous avez du code suppl\u00e9mentaire en cours d&#039;ex\u00e9cution sur votre page qui n&#039;est pas n\u00e9cessaire. Les formes de ballonnement les plus courantes sont Javascript et CSS.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Imaginez maintenant le moment o\u00f9 vous avez achet\u00e9 votre th\u00e8me. Vous l&#039;avez probablement achet\u00e9 parce qu&#039;il \u00e9tait superbe, qu&#039;il poss\u00e9dait de nombreuses fonctionnalit\u00e9s et qu&#039;il faisait beaucoup de choses vraiment sympas. Le fait est que, maintenant que vous avez cr\u00e9\u00e9 vos mod\u00e8les de page, vous n\u2019utilisez probablement pas le r\u00e9pertoire complet d\u2019options du th\u00e8me. C&#039;est l\u00e0 que le ballonnement entre en jeu. C&#039;est du code que vous n&#039;utilisez pas sur les pages, et il ne vous est d&#039;aucune utilit\u00e9 pour aller de l&#039;avant.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Tous ces graphiques, effets CSS et options JS ont un co\u00fbt. Ils seront dans les fichiers CSS\/JS et seront charg\u00e9s sur la page, que vous les utilisiez ou non. Si l\u2019on consid\u00e8re que vous n\u2019utilisez probablement pas 70-80% du CSS dans le th\u00e8me, la quantit\u00e9 de donn\u00e9es inutilis\u00e9es charg\u00e9es dans le navigateur peut \u00eatre \u00e9norme. C\u2019est l\u00e0 qu\u2019intervient la purification du CSS\/JS. Nous r\u00e9\u00e9crivons les fichiers en utilisant uniquement le code dont vous avez besoin, ce qui entra\u00eene d&#039;\u00e9normes \u00e9conomies de donn\u00e9es.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Comment <span style=\"color: #fc0;\">Chargement rapide<\/span> Aide?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Encore une fois, nous aurons une page qui lui sera d\u00e9di\u00e9e, mais en substance <a href=\"https:\/\/rapidload.io\/?ref=simon_parker\" target=\"_blank\" rel=\"noopener sponsored\"><strong>Chargement rapide<\/strong><\/a> r\u00e9\u00e9crit votre CSS afin qu&#039;aucun bloatware ne soit pr\u00e9sent sur vos pages. Il le fait \u00e9galement page par page, au cas o\u00f9 vous utiliseriez diff\u00e9rentes mises en page sur diff\u00e9rentes pages. Il est totalement configur\u00e9 et oubli\u00e9, et peut \u00e9conomiser une \u00e9norme quantit\u00e9 de donn\u00e9es \u2013 jusqu&#039;\u00e0 90% de votre poids CSS total, qui s&#039;\u00e9l\u00e8ve \u00e0 1 Mo ou plus sur les sites Web th\u00e9matiques.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Pour les puristes, il existe une option gratuite pour le faire au <a href=\"https:\/\/purifycss.online\/\" target=\"_blank\" rel=\"noopener\"><strong>Site Web PurifyCSS<\/strong><\/a>. Vous pouvez lire comment purifier votre CSS sur leur <a href=\"https:\/\/www.webperftools.com\/blog\/how-to-remove-unused-css-in-wordpress\/\" target=\"_blank\" rel=\"noopener\"><strong>Page de blog CSS<\/strong><\/a>. C&#039;est ce qu&#039;on appelle le fractionnement de code et cela peut devenir fastidieux, surtout si vous avez beaucoup de pages et que Rapidload fait tout simplement tout pour vous.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><div style=\";\">\n    <h3 class=\"edgtf-accordion-title\" style=\";\">\n        <span class=\"edgtf-accordion-mark\">\n            <span class=\"edgtf_icon_plus fa fa-plus\"><\/span>\n            <span class=\"edgtf_icon_minus fa fa-minus\"><\/span>\n        <\/span>\n    <span class=\"edgtf-tab-title\">C&#039;est tout?<\/span>\n    <\/h3>\n<\/div>\n<div class=\"edgtf-accordion-content\">\n    <div class=\"edgtf-accordion-content-inner\">\n        \n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Ce sont les seuls plugins que vous devez r\u00e9ellement installer pour le moment. Il vous donnera les outils n\u00e9cessaires pour optimiser correctement votre site internet, sans le surcharger. Tandis qu&#039;avec mon <a href=\"\/fr\/produit\/reglage-de-la-vitesse-des-pages\/\"><strong>service de vitesse de page<\/strong><\/a> vous obtiendrez beaucoup plus de r\u00e9glages manuels, les parties qui vous guideront tout au long de ce guide garantiront que votre site Web r\u00e9ussira <a href=\"https:\/\/pagespeed.web.dev\" target=\"_blank\" rel=\"noopener\"><strong>Les principaux \u00e9l\u00e9ments essentiels du Web de Google<\/strong><\/a> et augmentez vos positions dans le classement.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Mais comment <span style=\"color: #fc0;\">Est-ce que j&#039;utilise<\/span> Eux?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Nous allons maintenant examiner plus en d\u00e9tail ce que chaque plugin fait pour votre site Web et comment commencer \u00e0 acc\u00e9l\u00e9rer. Vous verrez que ces plugins ont \u00e9t\u00e9 s\u00e9lectionn\u00e9s en raison de leur flexibilit\u00e9.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Ils vous permettront de faire tout ce que vous avez lu, du report du JS au pr\u00e9chargement du CSS.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><\/div>\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1644186585995\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"h1yellowsmall\" style=\"text-align: center; font-size: 40px;\">Installer les plugins \u2013 Termin\u00e9\u00a0!<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element vc_custom_1728979033143\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6482022064054003\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- Install Plugins -->\n<ins class=\"adsbygoogle\"\n     style=\"display:inline-block;width:600px;height:450px\"\n     data-ad-client=\"ca-pub-6482022064054003\"\n     data-ad-slot=\"4257086770\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1641283257549\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"hblack\" style=\"text-align: center; margin-bottom: 20px;\">\u00c9tape 3\u00a0: configuration du plugin<\/p>\n<p class=\"webpicsmall\" style=\"text-align: center; margin-bottom: 20px;\">Commen\u00e7ons par optimiser\u00a0!<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_row wpb_row vc_inner vc_row-fluid edgtf-content-aligment-center\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><a itemprop=\"url\" href=\"\/fr\/guide-de-vitesse-de-page\/pro-du-nettoyage-des-actifs\/\" target=\"_self\" style=\"color: #000000;background-color: #ffcc00;margin: -20px 0 40px 0\" class=\"edgtf-btn edgtf-btn-medium edgtf-btn-solid edgtf-btn-with-cover-fx\"  >\n    <span class=\"edgtf-btn-text\">Nettoyage des actifs Pro<\/span>\n        \t    <div class=\"edgtf-btn-cover\">\n\t    \t<span class=\"edgtf-btn-text edgtf-btn-cover-text\" >\n\t    \t\t<span>\n\t    \t\t\tNettoyage des actifs Pro\t\t\t\t<\/span>\t\n\t    \t<\/span>\n\t    \t\t    \t<div class=\"edgtf-btn-cover-bgrnd\" ><\/div>\n\t    <\/div>\n\t<\/a><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\" ><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_hidden-xs\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 30px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><\/div><div data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1607092071698 vc_row-has-fill vc_row-o-equal-height vc_row-o-content-top vc_row-flex edgtf-content-aligment-center\" style=\"background-color:#1d1d1d\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h4 class=\"h3big\" style=\"text-align: center; color: #fff;\">Installer des plugins \u2013 <a href=\"\/fr\/guide-de-vitesse-de-page\/\"><span style=\"color: #ffcc00;\">Guide de vitesse de page<\/span><\/a><\/h4>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Les sites Web WordPress sont absolument \u00e9normes de nos jours, et la quantit\u00e9 de fonctionnalit\u00e9s qu\u2019ils contiennent rend le codage de fichiers individuels trop complexe pour l\u2019utilisateur WordPress moyen. Les plugins vous offrent une interface utilisateur, vous permettant un contr\u00f4le visuel sur votre site Web sans avoir \u00e0 recourir \u00e0 des probl\u00e8mes de codage.<\/p>","protected":false},"author":1,"featured_media":31522,"parent":23872,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width.php","meta":{"footnotes":""},"categories":[2369],"tags":[2371],"class_list":["post-23958","page","type-page","status-publish","has-post-thumbnail","hentry","category-page-speed-guide","tag-install-plugins"],"_links":{"self":[{"href":"https:\/\/yorkshiredesign.co.uk\/fr\/wp-json\/wp\/v2\/pages\/23958","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yorkshiredesign.co.uk\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yorkshiredesign.co.uk\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yorkshiredesign.co.uk\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yorkshiredesign.co.uk\/fr\/wp-json\/wp\/v2\/comments?post=23958"}],"version-history":[{"count":22,"href":"https:\/\/yorkshiredesign.co.uk\/fr\/wp-json\/wp\/v2\/pages\/23958\/revisions"}],"predecessor-version":[{"id":32878,"href":"https:\/\/yorkshiredesign.co.uk\/fr\/wp-json\/wp\/v2\/pages\/23958\/revisions\/32878"}],"up":[{"embeddable":true,"href":"https:\/\/yorkshiredesign.co.uk\/fr\/wp-json\/wp\/v2\/pages\/23872"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yorkshiredesign.co.uk\/fr\/wp-json\/wp\/v2\/media\/31522"}],"wp:attachment":[{"href":"https:\/\/yorkshiredesign.co.uk\/fr\/wp-json\/wp\/v2\/media?parent=23958"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yorkshiredesign.co.uk\/fr\/wp-json\/wp\/v2\/categories?post=23958"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yorkshiredesign.co.uk\/fr\/wp-json\/wp\/v2\/tags?post=23958"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}