{"id":24057,"date":"2024-01-07T12:28:10","date_gmt":"2024-01-07T12:28:10","guid":{"rendered":"https:\/\/yorkshiredesign.co.uk\/?page_id=24057"},"modified":"2025-04-17T11:29:17","modified_gmt":"2025-04-17T10:29:17","slug":"pro-du-nettoyage-des-actifs","status":"publish","type":"page","link":"https:\/\/yorkshiredesign.co.uk\/fr\/guide-de-vitesse-de-page\/pro-du-nettoyage-des-actifs\/","title":{"rendered":"Nettoyage des actifs Pro"},"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  uptab\"   style=\"height: 30px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/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_1644180348675\" ><div class=\"toptabletscontent 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_1648235171719 vc_row-has-fill\" ><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 vc_custom_1708240106233\"><div class=\"wpb_wrapper\"><div class=\"edgtf-elements-holder   edgtf-two-columns  edgtf-responsive-mode-1280\" ><div class=\"edgtf-eh-item  edgtf-vertical-alignment-top edgtf-horizontal-alignment-center\" style=\"background-color: #efefef\" data-item-class=\"edgtf-eh-custom-8777\">\n    <div class=\"edgtf-eh-item-inner\">\n        <div class=\"edgtf-eh-item-content edgtf-eh-custom-8777\" style=\"padding: 0px 20px 0px 20px\">\n            \n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1707872362764\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"h1yellow\">Contr\u00f4le <span style=\"color: #fc0;\">Chargement<\/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_1708237248480\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<img decoding=\"async\" src=\"https:\/\/yorkshiredesign.co.uk\/wp-content\/uploads\/2024\/02\/Using-Asset-Cleanup-Pro.jpg\" alt=\"Utiliser Asset Cleanup Pro pour acc\u00e9l\u00e9rer votre site Web.\" title=\"Utiliser Asset Cleanup Pro pour acc\u00e9l\u00e9rer votre site Web.\" 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_1708237254284\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"webpicsmall\" style=\"text-align: center;\">Asset Cleanup Pro est la cl\u00e9 d\u2019une bonne optimisation<\/p>\n<p class=\"webpicbig\" style=\"text-align: center;\">Reprenez le contr\u00f4le de votre site Web<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<a itemprop=\"url\" href=\"https:\/\/shareasale.com\/r.cfm?b=1448730&#038;u=2234888&#038;m=92973&#038;urllink=&#038;afftrack=\" target=\"_blank\" style=\"color: #000000;background-color: #ffcc00;margin: 0px 0 30px 0\" class=\"edgtf-btn edgtf-btn-medium edgtf-btn-solid edgtf-btn-with-cover-fx\" rel=\"noopener\">\n    <span class=\"edgtf-btn-text\">T\u00e9l\u00e9charger la version 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\tT\u00e9l\u00e9charger la version 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>\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\" ><div class=\"edgtf-eh-item  edgtf-vertical-alignment-top\"  data-item-class=\"edgtf-eh-custom-8091\">\n    <div class=\"edgtf-eh-item-inner\">\n        <div class=\"edgtf-eh-item-content edgtf-eh-custom-8091\" style=\"padding: 0px 20px 0px 20px\">\n            \n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1648235485216\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"hblack\" style=\"text-align: center;\">Qu&#039;est-ce que c&#039;est <span style=\"color: #fc0;\">Nettoyage des actifs<\/span> Pro?<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1675275178192\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">Asset Cleanup Pro est un plugin WordPress qui est une bo\u00eete \u00e0 outils d&#039;optimisation. Il contient de nombreuses fonctionnalit\u00e9s qui vous permettront d\u2019optimiser votre site Web jusqu\u2019au moindre niveau. Il existe des outils similaires qui sont plus faciles \u00e0 utiliser comme Hummingbird ou Autoptimize, mais aucun d&#039;entre eux n&#039;a les fonctionnalit\u00e9s d&#039;Asset Cleanup Pro.<\/p>\n<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">Il existe une multitude d\u2019options que je vais aborder ici. Je ne donnerai pas de v\u00e9ritable guide d&#039;utilisation, mais il existe un bon guide vid\u00e9o qui vous montre les principales fonctionnalit\u00e9s. Vous pouvez \u00e9galement lire le <a href=\"https:\/\/www.assetcleanup.com\/docs\/\" target=\"_blank\" rel=\"noopener\"><strong>Documentation utilisateur sur le nettoyage des actifs<\/strong><\/a>\u00a0il ne sert donc \u00e0 rien de le r\u00e9\u00e9crire. Cependant, je vais vous donner un aper\u00e7u \u00e9crit des fonctions et des mesures \u00e0 prendre pour acc\u00e9l\u00e9rer votre site Web.<\/p>\n<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">L\u2019essentiel est de savoir que vous pouvez param\u00e9trer des optimisations \u00e0 l\u2019\u00e9chelle du site en un clic, et optimiser les programmes page par page. C&#039;est l\u00e0 que \u00e7a prend tout son sens. Vous pouvez d\u00e9charger les scripts que vous n&#039;utilisez pas sur certaines pages, r\u00e9duisant ainsi le poids global de la page.<\/p>\n<p style=\"font-size: 18px; text-align: justify;\">Lors de l&#039;optimisation, il est pr\u00e9f\u00e9rable de le faire <a href=\"https:\/\/support.google.com\/chrome\/answer\/95464?hl=en-GB&amp;co=GENIE.Platform%3DDesktop\" target=\"_blank\" rel=\"noopener\"><strong>Mode navigation priv\u00e9e de Chrome<\/strong><\/a> et videz vos caches \u00e0 chaque changement. Ainsi, vous verrez les versions les plus r\u00e9centes de votre site Web dans votre navigateur. N&#039;oubliez pas non plus de v\u00e9rifier votre site Web lorsque vous \u00eates connect\u00e9 <u>dehors<\/u> de WordPress. Le cache n&#039;entre parfois en vigueur que lorsque vous \u00eates compl\u00e8tement d\u00e9connect\u00e9. Si Asset Cleanup Pro met quelque chose en cache et que vous ne le voyez pas, vous ne r\u00e9alisez peut-\u00eatre pas qu&#039;un code est d\u00e9fectueux.<\/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\"  ><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_1708240097213\"><div class=\"wpb_wrapper\"><div class=\"edgtf-elements-holder   edgtf-two-columns  edgtf-responsive-mode-1280\" ><div class=\"edgtf-eh-item  edgtf-vertical-alignment-top edgtf-horizontal-alignment-center\"  data-item-class=\"edgtf-eh-custom-6978\">\n    <div class=\"edgtf-eh-item-inner\">\n        <div class=\"edgtf-eh-item-content edgtf-eh-custom-6978\" style=\"padding: 0px 20px 0px 20px\">\n            \n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1707872391568\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"h1yellow\">Contr\u00f4le <span style=\"color: #fc0;\">Chargement<\/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_1708237248480\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<img decoding=\"async\" src=\"https:\/\/yorkshiredesign.co.uk\/wp-content\/uploads\/2024\/02\/Using-Asset-Cleanup-Pro.jpg\" alt=\"Utiliser Asset Cleanup Pro pour acc\u00e9l\u00e9rer votre site Web.\" title=\"Utiliser Asset Cleanup Pro pour acc\u00e9l\u00e9rer votre site Web.\" 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_1655200619505\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"webpicsmall\" style=\"text-align: center;\">Asset Cleanup Pro est la cl\u00e9 d\u2019une bonne optimisation<\/p>\n<p class=\"webpicbig\" style=\"text-align: center;\">Reprenez le contr\u00f4le de votre site Web<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<a itemprop=\"url\" href=\"https:\/\/shareasale.com\/r.cfm?b=1448730&#038;u=2234888&#038;m=92973&#038;urllink=&#038;afftrack=\" target=\"_blank\" style=\"color: #000000;background-color: #ffcc00;margin: 0px 0 30px 0\" class=\"edgtf-btn edgtf-btn-medium edgtf-btn-solid edgtf-btn-with-cover-fx\" rel=\"noopener\">\n    <span class=\"edgtf-btn-text\">T\u00e9l\u00e9charger la version 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\tT\u00e9l\u00e9charger la version 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>\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1644074762606\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"hblack\" style=\"text-align: center;\">Qu&#039;est-ce que c&#039;est <span style=\"color: #fc0;\">Nettoyage des actifs<\/span> Pro?<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1641155163239\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">Asset Cleanup Pro est un plugin WordPress qui est une bo\u00eete \u00e0 outils d&#039;optimisation. Il contient de nombreuses fonctionnalit\u00e9s qui vous permettront d\u2019optimiser votre site Web jusqu\u2019au moindre niveau. Il existe des outils similaires qui sont plus faciles \u00e0 utiliser comme Hummingbird ou Autoptimize, mais aucun d&#039;entre eux n&#039;a les fonctionnalit\u00e9s d&#039;Asset Cleanup Pro.<\/p>\n<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">Il existe une multitude d\u2019options que je vais aborder ici. Je ne donnerai pas de v\u00e9ritable guide d&#039;utilisation, mais il existe un bon guide vid\u00e9o qui vous montre les principales fonctionnalit\u00e9s. Vous pouvez \u00e9galement lire le <a href=\"https:\/\/www.assetcleanup.com\/docs\/\" target=\"_blank\" rel=\"noopener\"><strong>Documentation utilisateur sur le nettoyage des actifs<\/strong><\/a>\u00a0il ne sert donc \u00e0 rien de le r\u00e9\u00e9crire. Cependant, je vais vous donner un aper\u00e7u \u00e9crit des fonctions et des mesures \u00e0 prendre pour acc\u00e9l\u00e9rer votre site Web.<\/p>\n<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">L\u2019essentiel est de savoir que vous pouvez param\u00e9trer des optimisations \u00e0 l\u2019\u00e9chelle du site en un clic, et optimiser les programmes page par page. C&#039;est l\u00e0 que \u00e7a prend tout son sens. Vous pouvez d\u00e9charger les scripts que vous n&#039;utilisez pas sur certaines pages, r\u00e9duisant ainsi le poids global de la page.<\/p>\n<p style=\"font-size: 18px; text-align: justify;\">Lors de l&#039;optimisation, il est pr\u00e9f\u00e9rable de le faire <a href=\"https:\/\/support.google.com\/chrome\/answer\/95464?hl=en-GB&amp;co=GENIE.Platform%3DDesktop\" target=\"_blank\" rel=\"noopener\"><strong>Mode navigation priv\u00e9e de Chrome<\/strong><\/a> et videz vos caches \u00e0 chaque changement. Ainsi, vous verrez les versions les plus r\u00e9centes de votre site Web dans votre navigateur. N&#039;oubliez pas non plus de v\u00e9rifier votre site Web lorsque vous \u00eates connect\u00e9 <u>dehors<\/u> de WordPress. Le cache n&#039;entre parfois en vigueur que lorsque vous \u00eates compl\u00e8tement d\u00e9connect\u00e9. Si Asset Cleanup Pro met quelque chose en cache et que vous ne le voyez pas, vous ne r\u00e9alisez peut-\u00eatre pas qu&#039;un code est d\u00e9fectueux.<\/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_1744875010601 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_1644066857944\"><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-3537\">\n    <div class=\"edgtf-eh-item-inner\">\n        <div class=\"edgtf-eh-item-content edgtf-eh-custom-3537\" style=\"padding: 0% 20px 20px 20px\">\n            \n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1744875268040\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h1 class=\"h1yellow\" style=\"text-align: center;\">Qu&#039;est-ce que c&#039;est <span style=\"color: #fc0;\">Nettoyage des actifs<\/span> Pro?<\/h1>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1648234839207\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">Asset Cleanup Pro est un plugin WordPress qui est une bo\u00eete \u00e0 outils d&#039;optimisation. Il contient de nombreuses fonctionnalit\u00e9s qui vous permettront d\u2019optimiser votre site Web jusqu\u2019au moindre niveau.<\/p>\n<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">Il existe des outils similaires qui sont plus faciles \u00e0 utiliser comme Hummingbird ou Autoptimize, mais aucun d&#039;entre eux n&#039;a la fonctionnalit\u00e9 qui <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>Nettoyage des actifs Pro<\/strong><\/a> a.<\/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_1708237248480\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<img decoding=\"async\" src=\"https:\/\/yorkshiredesign.co.uk\/wp-content\/uploads\/2024\/02\/Using-Asset-Cleanup-Pro.jpg\" alt=\"Utiliser Asset Cleanup Pro pour acc\u00e9l\u00e9rer votre site Web.\" title=\"Utiliser Asset Cleanup Pro pour acc\u00e9l\u00e9rer votre site Web.\" 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_1648234809337\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">Il existe une multitude d\u2019options que je vais aborder ici. Je ne donnerai pas de v\u00e9ritable guide d&#039;utilisation, mais il existe un bon guide vid\u00e9o qui vous montre les principales fonctionnalit\u00e9s. Vous pouvez \u00e9galement lire le <a href=\"https:\/\/www.assetcleanup.com\/docs\/\" target=\"_blank\" rel=\"noopener\"><strong>Documentation utilisateur sur le nettoyage des actifs<\/strong><\/a>\u00a0il ne sert donc \u00e0 rien de le r\u00e9\u00e9crire. Cependant, je vais vous donner un aper\u00e7u \u00e9crit des fonctions et des mesures \u00e0 prendre pour acc\u00e9l\u00e9rer votre site Web.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1648234873033\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">L\u2019essentiel est de savoir que vous pouvez param\u00e9trer des optimisations \u00e0 l\u2019\u00e9chelle du site en un clic, et optimiser les programmes page par page. C&#039;est l\u00e0 que \u00e7a prend tout son sens. Vous pouvez d\u00e9charger les scripts que vous n&#039;utilisez pas sur certaines pages, r\u00e9duisant ainsi le poids global de la page.<\/p>\n<p style=\"font-size: 18px; text-align: justify;\">Lors de l&#039;optimisation, il est pr\u00e9f\u00e9rable de le faire <a href=\"https:\/\/support.google.com\/chrome\/answer\/95464?hl=en-GB&amp;co=GENIE.Platform%3DDesktop\" target=\"_blank\" rel=\"noopener\"><strong>Mode navigation priv\u00e9e de Chrome<\/strong><\/a> et videz vos caches \u00e0 chaque changement. Ainsi, vous verrez les versions les plus r\u00e9centes de votre site Web dans votre navigateur.<\/p>\n<p style=\"font-size: 18px; margin-bottom: 20px; text-align: justify;\">N&#039;oubliez pas non plus de v\u00e9rifier votre site Web lorsque vous \u00eates connect\u00e9 <u>dehors<\/u> de WordPress. Le cache n&#039;entre parfois en vigueur que lorsque vous \u00eates compl\u00e8tement d\u00e9connect\u00e9. Si Asset Cleanup Pro met quelque chose en cache et que vous ne le voyez pas, vous ne r\u00e9alisez peut-\u00eatre pas qu&#039;un code est d\u00e9fectueux.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center wpb_content_element vc_custom_1675273946056\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<a href=\"https:\/\/shareasale.com\/r.cfm?b=1448730&#038;u=2234888&#038;m=92973&#038;urllink=&#038;afftrack=\" target=\"_blank\" class=\"vc_single_image-wrapper   vc_box_border_grey\" rel=\"noopener\"><img decoding=\"async\" class=\"vc_single_image-img\" src=\"https:\/\/yorkshiredesign.co.uk\/wp-content\/uploads\/2023\/02\/Asset-Cleanup-Pro-Plugin-For-Wordpress.webp\" width=\"600\" height=\"450\" alt=\"Asset clean up pro is a powerful WordPress plugin that enhances pagespeed and optimizes website performance.\" title=\"Asset clean up pro is a powerful WordPress plugin that enhances pagespeed and optimizes website performance.\" loading=\"lazy\" \/><\/a>\n\t\t<\/figure>\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=\"https:\/\/shareasale.com\/r.cfm?b=1448730&#038;u=2234888&#038;m=92973&#038;urllink=&#038;afftrack=\" target=\"_blank\" 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\" rel=\"noopener\">\n    <span class=\"edgtf-btn-text\">T\u00e9l\u00e9charger la version 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\tT\u00e9l\u00e9charger la version 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>\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_1640963854193\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"h3big\" style=\"text-align: center; color: #ffffff;\">Caract\u00e9ristiques et avantages de <span style=\"color: #ffcc00;\">Nettoyage des actifs Pro<\/span><\/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_1644067227749 vc_row-has-fill\" ><div class=\"wpb_column vc_column_container vc_col-sm-6 vc_col-lg-offset-0 vc_col-lg-6 vc_col-md-offset-0 vc_col-md-6 vc_hidden-md vc_col-sm-offset-0 vc_hidden-sm vc_col-xs-12 vc_hidden-xs\"><div class=\"vc_column-inner vc_custom_1644180886165\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1645182092065\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2 class=\"hblack\" style=\"text-align: center;\">Comment <span style=\"color: #fc0;\">Optimiser<\/span> Votre site web<\/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\">Jetez un autre regard sur votre site Web<\/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 premi\u00e8re chose \u00e0 faire est d\u2019y jeter un regard logique. Y a-t-il des fonctionnalit\u00e9s particuli\u00e8res que vous souhaitez conserver ou supprimer ? Y a-t-il des plugins ex\u00e9cut\u00e9s sur une page qui n\u2019ont pas besoin d\u2019\u00eatre pr\u00e9sents\u00a0?<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Donne-moi <span style=\"color: #fc0;\">Un exemple<\/span><\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Les formulaires de contact sont courants. Beaucoup de gens les ont dans le pied de page ou diss\u00e9min\u00e9s partout. As-tu vraiment besoin de \u00e7a ? Si quelqu&#039;un devait vous contacter, cela irait sur la page de contact. Il est tr\u00e8s rare que quelqu&#039;un utilise un formulaire de contact dans le pied de page, alors pourquoi l&#039;avoir l\u00e0 ?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Les scripts de formulaire de contact sont assez lourds \u2013 g\u00e9n\u00e9ralement entre 50 et 80 Ko et charg\u00e9s de CSS. Maintenant, ce petit formulaire dans votre pied de page oblige la page \u00e0 charger ces scripts \u00e0 chaque chargement de page. Ne serait-il pas pr\u00e9f\u00e9rable d&#039;avoir vos formulaires de contact sur une seule page logique et de charger uniquement les scripts de contact sur cette seule page\u00a0?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">C\u2019est le genre de chose qu\u2019est l\u2019optimisation. Avec Asset Cleanup Pro, vous pouvez acc\u00e9der \u00e0 votre &#039;<a href=\"https:\/\/yorkshiredesign.co.uk\/fr\/contactez-nous\/\">Contactez-nous<\/a>&#039; et d\u00e9chargez les scripts du formulaire de contact sur tout le site, \u00e0 l&#039;exception de cette seule page. Vous avez d\u00e9sormais \u00e9conomis\u00e9 50 \u00e0 80 Ko de poids de page en r\u00e9organisant vos formulaires de contact pour qu&#039;ils soient plus logiques.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Puis-je <span style=\"color: #fc0;\">Faites ceci<\/span> Avec tous les scripts\u00a0?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Oui, \u00e0 peu pr\u00e8s. C&#039;est \u00e9galement tr\u00e8s pratique avec le branding. Souvent, la vitesse de page signifie r\u00e9duire un peu votre site Web. Mais votre marque peut d\u00e9pendre de l\u2019apparence et des fonctionnalit\u00e9s de votre site Web. Pensez donc \u00e0 la structure de votre site Web en tenant compte de votre image de marque. Cr\u00e9ez des pages plus basiques comme cette page, puis cr\u00e9ez celles qui portent votre marque partout, comme ma <a href=\"\/fr\/\"><strong>Page d&#039;accueil<\/strong><\/a>.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Tant que vos pages de destination sont optimis\u00e9es, c&#039;est vraiment tout ce qui compte. Ne sacrifiez jamais l\u2019image de marque pour la vitesse des pages. Cela rend votre site Web horrible \u00e0 mesure que vous le supprimez de plus en plus bas. Surmonter 90% sur Google Insights est assez simple sur ordinateur, mais sur mobile, c&#039;est une autre histoire. Les crit\u00e8res sont beaucoup plus stricts car les donn\u00e9es d\u00e9pendent des vitesses simul\u00e9es du r\u00e9seau 4G. Ne soyez pas obs\u00e9d\u00e9 par cela. Tant qu&#039;il se charge rapidement et qu&#039;il a une partition mobile dans les ann\u00e9es 70, tout ira bien. Juste pour que vous le sachiez, le score moyen mondial au moment de la r\u00e9daction est de 38% sur mobile.<\/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\">Diff\u00e9rer et pr\u00e9charger CSS\/JS<\/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;\">Diff\u00e9rer le code signifie charger un morceau de code plus tard dans le processus. Le pr\u00e9chargement, ou Async, signifie le charger d\u00e8s que possible avec d&#039;autres fichiers. Avec le chargement asynchrone, le navigateur traitera les fichiers en tandem avec d&#039;autres fichiers pour \u00e9viter tout blocage de rendu. Le diff\u00e9rer ne le chargera pas du tout jusqu&#039;\u00e0 la fin du processus de chargement.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Obtenir <a href=\"https:\/\/yorkshiredesign.co.uk\/fr\/vitesse-de-page-plus-rapide\/\">un<\/a> bon score de vitesse de page et temps de chargement rapides, vous devez diff\u00e9rer le chargement des scripts qui ne sont pas n\u00e9cessaires dans l&#039;imm\u00e9diat. Ce sur quoi vous vous concentrez est \u00ab au-dessus de la ligne de flottaison \u00bb <a href=\"https:\/\/yorkshiredesign.co.uk\/fr\/blog\/contenu\/\">contenu<\/a>. C\u2019est-\u00e0-dire ce que vous voyez lorsque vous chargez la page pour la premi\u00e8re fois. Vous n&#039;avez pas besoin de charger quoi que ce soit dans le pied de page ou dans les images plus bas sur la page \u2013 uniquement le contenu en haut.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">C\u2019est l\u00e0 que cela peut pr\u00eater \u00e0 confusion car ce n\u2019est pas toujours ce que vous voyez qui doit \u00eatre charg\u00e9. Par exemple, certaines routines JS peuvent avoir des d\u00e9pendances sur un autre fichier. Cela signifie que le fichier JS \u00ab parent \u00bb doit \u00eatre charg\u00e9 pour que le sous-programme JS enfant fonctionne. Un probl\u00e8me courant qui appara\u00eet dans les rapports Google Insights est le <strong>JQUERY<\/strong> d\u00e9poser. Il s&#039;agit d&#039;un fichier cadre dont d\u00e9pendent de nombreux autres fichiers JS pour fonctionner. Vous pouvez essayer de le d\u00e9charger, mais vous obtiendrez tr\u00e8s probablement des erreurs. Mon conseil est de garder celui-ci charg\u00e9 et de vous \u00e9pargner bien des maux de t\u00eate. Vous pouvez toujours obtenir des scores \u00e9lev\u00e9s en le chargeant.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Le pr\u00e9chargement pr\u00e9sente des probl\u00e8mes similaires. C&#039;est formidable que les fichiers soient charg\u00e9s sans blocage du rendu, mais la cl\u00e9 ici est que les fichiers sont t\u00e9l\u00e9charg\u00e9s en tandem avec d&#039;autres fichiers. Cela est particuli\u00e8rement vrai avec les fichiers JS et cela peut causer quelques probl\u00e8mes. Encore une fois, c&#039;est \u00e0 cause des d\u00e9pendances. Si le t\u00e9l\u00e9chargement d&#039;un fichier JS parent n&#039;est pas termin\u00e9 avant que son script enfant ne commence le t\u00e9l\u00e9chargement, le script enfant ne peut pas fonctionner, provoquant des erreurs.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">La m\u00eame chose peut \u00eatre dite des fichiers CSS, mais cela ne provoquera pas d&#039;erreurs principales, mais plut\u00f4t des probl\u00e8mes de mise en page. La plupart des th\u00e8mes ont un fichier \u00ab module \u00bb principal, et il contient la plupart du code CSS qui constitue les \u00e9l\u00e9ments constitutifs de votre site Web. Ce fichier doit rester charg\u00e9 pour \u00e9viter les erreurs et <a href=\"https:\/\/yorkshiredesign.co.uk\/fr\/blog\/vitesse-de-page\/comprendre-le-changement-de-disposition-cumulatif\/\">changement de disposition<\/a> probl\u00e8mes, et c&#039;est normalement assez gros. C&#039;est l\u00e0 qu&#039;interviennent les CSS critiques et le pr\u00e9chargement, mais nous y reviendrons plus tard. <strong><a href=\"https:\/\/yorkshiredesign.co.uk\/fr\/guide-de-vitesse-de-page\/chargement-rapide\/\">Chargement rapide<\/a><\/strong> page.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">La chose \u00e0 faire est donc de regarder la vid\u00e9o, puis d&#039;y aller page par page et de cocher les cases pour diff\u00e9rer ou pr\u00e9charger le fichier de chaque page. S&#039;il s&#039;agit de quelque chose que vous n&#039;avez pas du tout besoin de charger, cochez la case pour le d\u00e9charger sur tout le site et il sera d\u00e9charg\u00e9 sur toutes les pages. N&#039;effectuez qu&#039;un ou deux codes \u00e0 la fois, videz le cache et v\u00e9rifiez-le. Si vous en faites trop et que \u00e7a casse, cela devient alors un peu de travail de d\u00e9tective pour voir lequel a cass\u00e9 le site\u00a0!<\/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\">Les bases de l&#039;optimisation<\/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;\">Changer l&#039;ordre de chargement \u00e0 l&#039;aide d&#039;Asset Cleanup Pro est l&#039;une des bases de l&#039;optimisation de votre site Web. Cependant, il s\u2019agit de l\u2019\u00e9tape la plus longue du processus de vitesse de page. Un bon conseil est de travailler avec vos plugins avant de vous attaquer aux fichiers de th\u00e8me. En effet, il est facile de voir quels plugins sont charg\u00e9s sur la page et de juger si vous avez besoin des fichiers ou non. Certaines fonctions du th\u00e8me peuvent \u00eatre moins \u00e9videntes et ce sont les fichiers de th\u00e8me qui provoquent souvent le plus d&#039;erreurs. Vous n&#039;aurez peut-\u00eatre pas besoin de charger quelque chose sur l&#039;ensemble du site Web, \u00e0 l&#039;exception d&#039;une page critique \u2013 et il est facile de manquer une ic\u00f4ne non charg\u00e9e, ou un carrousel manquant, etc.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Et alors <span style=\"color: #fc0;\">Devrais-je<\/span> Faire?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Comme indiqu\u00e9, l&#039;optimisation comporte de nombreuses \u00e9tapes, et celle-ci est la premi\u00e8re. Heureusement, c&#039;est aussi le plus complexe. Une fois que vous avez charg\u00e9 vos plugins uniquement l\u00e0 o\u00f9 ils doivent \u00eatre et que vous \u00eates heureux que tout fonctionne, j&#039;effectuerais une nouvelle sauvegarde du site. Puis faites un <a href=\"https:\/\/yorkshiredesign.co.uk\/fr\/blog\/vitesse-de-page\/avantages-profonds-de-laugmentation-de-la-vitesse-des-pages\/\">vitesse de page<\/a> testez pour obtenir un score, notez-le et passez \u00e0 une autre \u00e9tape qui vous d\u00e9range dans le rapport Insights. Essayez peut-\u00eatre l&#039;optimisation de l&#039;image ou <a href=\"https:\/\/yorkshiredesign.co.uk\/fr\/guide-de-vitesse-de-page\/organisateur-de-plugins\/\">organisateur de plugins<\/a> astuce si vous avez un chargement de contenu important sur mobile.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Un autre petit conseil particuli\u00e8rement utile lors du report de fichiers JS consiste \u00e0 faire un clic droit sur la fen\u00eatre Chrome et \u00e0 cliquer sur \u00ab\u00a0Inspecter\u00a0\u00bb. Cela ouvre une fen\u00eatre qui affiche tout le code charg\u00e9 sur votre \u00e9cran. Actualisez maintenant la page Web. Si vous obtenez une petite ic\u00f4ne rouge avec une croix en haut de la fen\u00eatre du code Chrome, cliquez dessus. Cela vous informera de toute erreur sur la page. Regardez quelle est l&#039;erreur et faites-la correspondre aux noms de fichiers sur votre page. R\u00e9initialisez ce que vous avez fait en dernier (ou arr\u00eatez de diff\u00e9rer JQUERY si vous avez essay\u00e9). Actualisez la page Web et voyez si l&#039;erreur a disparu. S&#039;il a disparu, vous savez qu&#039;il ne faut pas diff\u00e9rer ce fichier particulier.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">N&#039;essayez pas de tout faire en une seule fois. Installez-vous confortablement, r\u00e9alisez les plugins, puis le th\u00e8me lui-m\u00eame une fois que vous \u00eates \u00e0 l&#039;aise avec l&#039;interface utilisateur d&#039;Asset Cleanup.<\/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\">D\u00e9chargement des fonctionnalit\u00e9s de base<\/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;\">Au d\u00e9but de la vid\u00e9o, vous remarquerez que l\u2019h\u00f4te parle de supprimer les fonctionnalit\u00e9s de base de WordPress. Portez une attention particuli\u00e8re \u00e0 cela car c&#039;est un attribut d&#039;Asset Cleanup Pro que vous ne trouverez pas ailleurs. Il vous permet de supprimer le code principal inutilis\u00e9, ce qui peut r\u00e9duire consid\u00e9rablement le poids de votre site Web.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">WordPress est si grand que nous avons rarement besoin de quelque chose comme tout ce qu\u2019il a \u00e0 offrir, alors r\u00e9duisons cela. Asset Cleanup Pro rend ce processus si simple car il vous suffit d&#039;acc\u00e9der \u00e0 la zone d&#039;administration du plugin et de petits interrupteurs \u00e0 bascule activent et d\u00e9sactivent les fonctionnalit\u00e9s. Aucun codage requis\u00a0!<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Qu&#039;est-ce que <span style=\"color: #fc0;\">Chaque fonctionnalit\u00e9<\/span> Faire?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Avec le chargement des polices, nous y reviendrons une fois arriv\u00e9s au <strong><a href=\"https:\/\/yorkshiredesign.co.uk\/fr\/guide-de-vitesse-de-page\/mon-dieu\/\">Oh mon Dieu<\/a><\/strong> page. Une fois que nous avons fini de t\u00e9l\u00e9charger les polices sur le serveur, nous pouvons bloquer tous les appels sortants vers Google Fonts via Asset Cleanup Pro. Tout ce que vous avez \u00e0 faire est de cliquer sur Avanc\u00e9 et de cocher la case. Ne le faites pas encore car cela ne chargera que les polices syst\u00e8me par d\u00e9faut qui ont l&#039;air horribles\u00a0!<\/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; margin-bottom: 20px;\">Dans les options du th\u00e8me, utilisez le moins de types de polices possible. Vous pouvez utiliser diff\u00e9rentes \u00e9paisseurs de police pour les titres, etc., mais n&#039;utilisez pas de types diff\u00e9rents. Les fichiers de styles de police sont volumineux et le choix d\u2019une police solide semble non seulement coh\u00e9rent, mais cela facilite vraiment la rapidit\u00e9.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">La plupart des gens peuvent d\u00e9sactiver le service XML-RPC Pingback. Cela ferme \u00e9galement certaines portes aux attaques sur votre site Web. Vous ne pourrez pas d\u00e9sactiver si vous utilisez des services de blogs externes, Jetpack ou si vous avez une application connect\u00e9e \u00e0 votre site. Cependant, si vous n&#039;avez rien de tout cela, d\u00e9sactivez-le.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Les commentaires sont assez explicites. Si vous ne les utilisez pas, d\u00e9sactivez-le. Si vous le faites, gardez-le charg\u00e9. La m\u00eame chose peut \u00eatre dite pour les EMOJI et les Dashicons. Si vous utilisez un constructeur de pages comme Elementor ou WP-Bakery, d\u00e9sactivez \u00e9galement Gutenberg. Cela charge pas mal de code qui n&#039;est pas n\u00e9cessaire. Votre constructeur de pages s\u2019en chargera.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Avec le nettoyage du code source HTML, vous pouvez pratiquement tous les supprimer. Il y a des instructions sur la page, alors lisez-les pour \u00eatre s\u00fbr que vous n&#039;utilisez aucune des fonctionnalit\u00e9s.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Si vous utilisez <a href=\"https:\/\/yorkshiredesign.co.uk\/fr\/blog\/hebergement-web\/lhebergement-kinsta-wordpress-est-il-excessif\/\">Kinsta ou bien tout autre h\u00e9bergeur<\/a> avec Cloudflare, vous <u>ne pas<\/u> activer le service CDN. Le CDN le g\u00e8re d\u00e9j\u00e0 et cela provoquera des erreurs si vous l&#039;activez. Si vous utilisez un autre CDN, indiquez votre adresse CDN ici. Cela aidera Asset Cleanup Pro \u00e0 servir les fichiers \u00e0 partir du bon emplacement dans votre configuration.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6 vc_col-md-6 vc_hidden-md vc_hidden-sm vc_hidden-xs\"><div class=\"vc_column-inner vc_custom_1648288575434\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1644181478713\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"h1yellowsmall\" style=\"text-align: center; font-size: 35px;\">Nettoyage des actifs \u2013 Regardez la vid\u00e9o<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_video_widget wpb_content_element vc_clearfix   vc_custom_1640955483467 vc_video-aspect-ratio-169 vc_video-el-width-100 vc_video-align-center\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n\t\t\t<div class=\"wpb_video_wrapper\"><iframe loading=\"lazy\" title=\"Asset Cleanup Elementor acc\u00e9l\u00e8re encore plus les sites Elementor - Param\u00e8tres du plugin Asset Cleanup\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/kcs85I3WU1Q?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1640966841086\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"webpicsmall\" style=\"text-align: center; margin-bottom: 20px;\">Grace \u00e0 <a href=\"https:\/\/www.youtube.com\/hashtag\/wpllcommunity\" target=\"_blank\" rel=\"noopener\"><strong>Communaut\u00e9 WPLL<\/strong><\/a> Pour la vid\u00e9o<\/p>\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\">Vous \u00eates \u00e0 l&#039;aise avec Asset Cleanup Pro\u00a0?<\/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;\">Vous pouvez revenir et optimiser avec Asset Cleanup Pro \u00e0 tout moment. Il est bon de tester les optimisations lors des sessions afin qu&#039;une fois que certaines choses fonctionnent, vous puissiez arr\u00eater le travail et y revenir plus tard. Chaque fois que vous ajoutez un nouveau plugin, vous pouvez simplement y acc\u00e9der et optimiser ce plugin particulier de la mani\u00e8re dont vous souhaitez qu&#039;il se charge.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\"><strong><a href=\"https:\/\/shareasale.com\/r.cfm?b=1448730&amp;u=2234888&amp;m=92973&amp;urllink=&amp;afftrack=\" target=\"_blank\" rel=\"noopener sponsored\">Nettoyage des actifs Pro<\/a><\/strong> en soi, il ne faut pas trop de temps pour s&#039;y habituer. Ce qui peut pr\u00eater \u00e0 confusion, c&#039;est toute cette histoire de report\/pr\u00e9chargement. Un faux mouvement peut interrompre la fonctionnalit\u00e9, alors faites-le toujours par petits morceaux afin de pouvoir vous souvenir facilement de toute modification que vous venez d&#039;apporter.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Une fois que vous \u00eates satisfait de vos progr\u00e8s, passez \u00e0 l\u2019\u00e9tape suivante.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><\/div>\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center wpb_content_element vc_custom_1704427737247\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<a href=\"https:\/\/shareasale.com\/r.cfm?b=1448730&#038;u=2234888&#038;m=92973&#038;urllink=&#038;afftrack=\" target=\"_blank\" class=\"vc_single_image-wrapper   vc_box_border_grey\" rel=\"noopener\"><img decoding=\"async\" class=\"vc_single_image-img\" src=\"https:\/\/yorkshiredesign.co.uk\/wp-content\/uploads\/2023\/02\/Asset-Cleanup-Pro-Plugin-For-Wordpress.webp\" width=\"600\" height=\"450\" alt=\"Asset clean up pro is a powerful WordPress plugin that enhances pagespeed and optimizes website performance.\" title=\"Asset clean up pro is a powerful WordPress plugin that enhances pagespeed and optimizes website performance.\" loading=\"lazy\" \/><\/a>\n\t\t<\/figure>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1705148820540\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"webpicbig\" style=\"text-align: center; margin-bottom: 20px;\">Pr\u00eat \u00e0 continuer?<\/p>\n<p class=\"hblack\" style=\"text-align: center; margin-bottom: 20px;\">\u00c9tape 4\u00a0: Optimisation de l&#039;image<\/p>\n<p class=\"webpicsmall\" style=\"text-align: center; margin-bottom: 20px;\">Allumons ces pages\u00a0!<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_row wpb_row vc_inner vc_row-fluid vc_row-o-content-middle vc_row-flex 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\/optimisation-des-images\/\" target=\"_self\" style=\"color: #000000;background-color: #ffcc00;margin: 0px 0px 40px 0px\" class=\"edgtf-btn edgtf-btn-medium edgtf-btn-solid edgtf-btn-with-cover-fx\"  >\n    <span class=\"edgtf-btn-text\">Optimisation des images<\/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\tOptimisation des images\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=\"edgtf-row-grid-section-wrapper edgtf-content-aligment-center\"  ><div class=\"edgtf-row-grid-section\"><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1744885603456 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_hidden-lg vc_col-md-offset-0 vc_col-md-12 vc_col-sm-offset-0 vc_hidden-sm vc_col-xs-12 vc_hidden-xs\"><div class=\"vc_column-inner vc_custom_1644180981882\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1640963924084\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2 class=\"hblack\" style=\"text-align: center;\">Comment <span style=\"color: #fc0;\">Optimiser<\/span> Votre site web<\/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\">Jetez un autre regard sur votre site Web<\/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 premi\u00e8re chose \u00e0 faire est d\u2019y jeter un regard logique. Y a-t-il des fonctionnalit\u00e9s particuli\u00e8res que vous souhaitez conserver ou supprimer ? Y a-t-il des plugins ex\u00e9cut\u00e9s sur une page qui n\u2019ont pas besoin d\u2019\u00eatre pr\u00e9sents\u00a0?<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Donne-moi <span style=\"color: #fc0;\">Un exemple<\/span><\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Les formulaires de contact sont courants. Beaucoup de gens les ont dans le pied de page ou diss\u00e9min\u00e9s partout. As-tu vraiment besoin de \u00e7a ? Si quelqu&#039;un devait vous contacter, cela irait sur la page de contact. Il est tr\u00e8s rare que quelqu&#039;un utilise un formulaire de contact dans le pied de page, alors pourquoi l&#039;avoir l\u00e0 ?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Les scripts de formulaire de contact sont assez lourds \u2013 g\u00e9n\u00e9ralement entre 50 et 80 Ko et charg\u00e9s de CSS. Maintenant, ce petit formulaire dans votre pied de page oblige la page \u00e0 charger ces scripts \u00e0 chaque chargement de page. Ne serait-il pas pr\u00e9f\u00e9rable d&#039;avoir vos formulaires de contact sur une seule page logique et de charger uniquement les scripts de contact sur cette seule page\u00a0?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">C\u2019est le genre de chose qu\u2019est l\u2019optimisation. Avec Asset Cleanup Pro, vous pouvez acc\u00e9der \u00e0 votre page \u00ab Contactez-nous \u00bb et t\u00e9l\u00e9charger les scripts du formulaire de contact sur tout le site, \u00e0 l&#039;exception de cette seule page. Vous avez d\u00e9sormais \u00e9conomis\u00e9 50 \u00e0 80 Ko de poids de page en r\u00e9organisant vos formulaires de contact pour qu&#039;ils soient plus logiques.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Puis-je <span style=\"color: #fc0;\">Faites ceci<\/span> Avec tous les scripts\u00a0?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Oui, \u00e0 peu pr\u00e8s. C&#039;est \u00e9galement tr\u00e8s pratique avec le branding. Souvent, la vitesse de page signifie r\u00e9duire un peu votre site Web. Mais votre marque peut d\u00e9pendre de l\u2019apparence et des fonctionnalit\u00e9s de votre site Web. Pensez donc \u00e0 la structure de votre site Web en tenant compte de votre image de marque. Cr\u00e9ez des pages plus basiques comme cette page, puis cr\u00e9ez celles qui portent votre marque partout, comme ma <a href=\"\/fr\/\" target=\"_blank\" rel=\"noopener\"><strong>Page d&#039;accueil<\/strong><\/a>.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Tant que vos pages de destination sont optimis\u00e9es, c&#039;est vraiment tout ce qui compte. Ne sacrifiez jamais l\u2019image de marque pour la vitesse des pages. Cela rend votre site Web horrible \u00e0 mesure que vous le supprimez de plus en plus bas. Surmonter 90% sur Google Insights est assez simple sur ordinateur, mais sur mobile, c&#039;est une autre histoire. Les crit\u00e8res sont beaucoup plus stricts car les donn\u00e9es d\u00e9pendent des vitesses simul\u00e9es du r\u00e9seau 4G. Ne soyez pas obs\u00e9d\u00e9 par cela. Tant qu&#039;il se charge rapidement et qu&#039;il a une partition mobile dans les ann\u00e9es 70, tout ira bien. Juste pour que vous le sachiez, le score moyen mondial au moment de la r\u00e9daction est de 38% sur mobile.<\/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\">Diff\u00e9rer et pr\u00e9charger CSS\/JS<\/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;\">Diff\u00e9rer le code signifie charger un morceau de code plus tard dans le processus. Le pr\u00e9chargement, ou Async, signifie le charger d\u00e8s que possible avec d&#039;autres fichiers. Avec le chargement asynchrone, le navigateur traitera les fichiers en tandem avec d&#039;autres fichiers pour \u00e9viter tout blocage de rendu. Le diff\u00e9rer ne le chargera pas du tout jusqu&#039;\u00e0 la fin du processus de chargement.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Pour obtenir un <a href=\"https:\/\/yorkshiredesign.co.uk\/fr\/blog\/vitesse-de-page\/equilibrer-les-performances-et-lexperience-utilisateur\/\">bon score de vitesse de page et temps de chargement rapides<\/a>, vous devez diff\u00e9rer le chargement des scripts qui ne sont pas n\u00e9cessaires dans l&#039;imm\u00e9diat. Ce sur quoi vous vous concentrez, c&#039;est le contenu \u00ab au-dessus de la ligne de flottaison \u00bb. C\u2019est-\u00e0-dire ce que vous voyez lorsque vous chargez la page pour la premi\u00e8re fois. Vous n&#039;avez pas besoin de charger quoi que ce soit dans le pied de page ou dans les images plus bas sur la page \u2013 uniquement le contenu en haut.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">C\u2019est l\u00e0 que cela peut pr\u00eater \u00e0 confusion car ce n\u2019est pas toujours ce que vous voyez qui doit \u00eatre charg\u00e9. Par exemple, certaines routines JS peuvent avoir des d\u00e9pendances sur un autre fichier. Cela signifie que le fichier JS \u00ab parent \u00bb doit \u00eatre charg\u00e9 pour que le sous-programme JS enfant fonctionne. Un probl\u00e8me courant qui appara\u00eet dans les rapports Google Insights est le <strong>JQUERY<\/strong> d\u00e9poser. Il s&#039;agit d&#039;un fichier cadre dont d\u00e9pendent de nombreux autres fichiers JS pour fonctionner. Vous pouvez essayer de le d\u00e9charger, mais vous obtiendrez tr\u00e8s probablement des erreurs. Mon conseil est de garder celui-ci charg\u00e9 et de vous \u00e9pargner bien des maux de t\u00eate. Vous pouvez toujours obtenir des scores \u00e9lev\u00e9s en le chargeant.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Le pr\u00e9chargement pr\u00e9sente des probl\u00e8mes similaires. C&#039;est formidable que les fichiers soient charg\u00e9s sans blocage du rendu, mais la cl\u00e9 ici est que les fichiers sont t\u00e9l\u00e9charg\u00e9s en tandem avec d&#039;autres fichiers. Cela est particuli\u00e8rement vrai avec les fichiers JS et cela peut causer quelques probl\u00e8mes. Encore une fois, c&#039;est \u00e0 cause des d\u00e9pendances. Si le t\u00e9l\u00e9chargement d&#039;un fichier JS parent n&#039;est pas termin\u00e9 avant que son script enfant ne commence le t\u00e9l\u00e9chargement, le script enfant ne peut pas fonctionner, provoquant des erreurs.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">La m\u00eame chose peut \u00eatre dite des fichiers CSS, mais cela ne provoquera pas d&#039;erreurs principales, mais plut\u00f4t des probl\u00e8mes de mise en page. La plupart des th\u00e8mes ont un fichier \u00ab module \u00bb principal, et il contient la plupart du code CSS qui constitue les \u00e9l\u00e9ments constitutifs de votre site Web. Ce fichier doit rester charg\u00e9 pour \u00e9viter les erreurs et les probl\u00e8mes de d\u00e9calage de mise en page, et il est normalement assez volumineux. C&#039;est l\u00e0 qu&#039;interviennent les CSS critiques et le pr\u00e9chargement, mais nous y reviendrons plus tard. <strong>Chargement rapide<\/strong> page.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">La chose \u00e0 faire est donc de regarder la vid\u00e9o, puis d&#039;y aller page par page et de cocher les cases pour diff\u00e9rer ou pr\u00e9charger le fichier de chaque page. S&#039;il s&#039;agit de quelque chose que vous n&#039;avez pas du tout besoin de charger, cochez la case pour le d\u00e9charger sur tout le site et il sera d\u00e9charg\u00e9 sur toutes les pages. N&#039;effectuez qu&#039;un ou deux codes \u00e0 la fois, videz le cache et v\u00e9rifiez-le. Si vous en faites trop et que \u00e7a casse, cela devient alors un peu de travail de d\u00e9tective pour voir lequel a cass\u00e9 le site\u00a0!<\/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\">Les bases de l&#039;optimisation<\/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;\">Changer l&#039;ordre de chargement \u00e0 l&#039;aide d&#039;Asset Cleanup Pro est l&#039;une des bases de l&#039;optimisation de votre site Web. Cependant, il s\u2019agit de l\u2019\u00e9tape la plus longue du processus de vitesse de page. Un bon conseil est de travailler avec vos plugins avant de vous attaquer aux fichiers de th\u00e8me. En effet, il est facile de voir quels plugins sont charg\u00e9s sur la page et de juger si vous avez besoin des fichiers ou non. Certaines fonctions du th\u00e8me peuvent \u00eatre moins \u00e9videntes et ce sont les fichiers de th\u00e8me qui provoquent souvent le plus d&#039;erreurs. Vous n&#039;aurez peut-\u00eatre pas besoin de charger quelque chose sur l&#039;ensemble du site Web, \u00e0 l&#039;exception d&#039;une page critique \u2013 et il est facile de manquer une ic\u00f4ne non charg\u00e9e, ou un carrousel manquant, etc.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Et alors <span style=\"color: #fc0;\">Devrais-je<\/span> Faire?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Comme indiqu\u00e9, l&#039;optimisation comporte de nombreuses \u00e9tapes, et celle-ci est la premi\u00e8re. Heureusement, c&#039;est aussi le plus complexe. Une fois que vous avez charg\u00e9 vos plugins uniquement l\u00e0 o\u00f9 ils doivent \u00eatre et que vous \u00eates heureux que tout fonctionne, j&#039;effectuerais une nouvelle sauvegarde du site. Puis faites un <a href=\"https:\/\/yorkshiredesign.co.uk\/fr\/blog\/vitesse-de-page\/devoilant-les-scores-enigmatiques-de-google-et-de-pagespeed\/\">test de vitesse de page pour obtenir un score<\/a>, notez-le et passez \u00e0 une autre \u00e9tape qui vous d\u00e9range dans le rapport Insights. Essayez peut-\u00eatre l&#039;optimisation d&#039;image ou l&#039;astuce de l&#039;organisateur de plugins si vous avez un chargement de contenu important sur mobile.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Un autre petit conseil particuli\u00e8rement utile lors du report de fichiers JS consiste \u00e0 faire un clic droit sur la fen\u00eatre Chrome et \u00e0 cliquer sur \u00ab\u00a0Inspecter\u00a0\u00bb. Cela ouvre une fen\u00eatre qui affiche tout le code charg\u00e9 sur votre \u00e9cran. Actualisez maintenant la page Web. Si vous obtenez une petite ic\u00f4ne rouge avec une croix en haut de la fen\u00eatre du code Chrome, cliquez dessus. Cela vous informera de toute erreur sur la page. Regardez quelle est l&#039;erreur et faites-la correspondre aux noms de fichiers sur votre page. R\u00e9initialisez ce que vous avez fait en dernier (ou arr\u00eatez de diff\u00e9rer JQUERY si vous avez essay\u00e9). Actualisez la page Web et voyez si l&#039;erreur a disparu. S&#039;il a disparu, vous savez qu&#039;il ne faut pas diff\u00e9rer ce fichier particulier.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">N&#039;essayez pas de tout faire en une seule fois. Installez-vous confortablement, r\u00e9alisez les plugins, puis le th\u00e8me lui-m\u00eame une fois que vous \u00eates \u00e0 l&#039;aise avec l&#039;interface utilisateur d&#039;Asset Cleanup.<\/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\">D\u00e9chargement des fonctionnalit\u00e9s de base<\/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;\">Au d\u00e9but de la vid\u00e9o, vous remarquerez que l\u2019h\u00f4te parle de supprimer les fonctionnalit\u00e9s de base de WordPress. Portez une attention particuli\u00e8re \u00e0 cela car c&#039;est un attribut d&#039;Asset Cleanup Pro que vous ne trouverez pas ailleurs. Il vous permet de supprimer le code principal inutilis\u00e9, ce qui peut r\u00e9duire consid\u00e9rablement le poids de votre site Web.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">WordPress est si grand que nous avons rarement besoin de quelque chose comme tout ce qu\u2019il a \u00e0 offrir, alors r\u00e9duisons cela. Asset Cleanup Pro rend ce processus si simple car il vous suffit d&#039;acc\u00e9der \u00e0 la zone d&#039;administration du plugin et de petits interrupteurs \u00e0 bascule activent et d\u00e9sactivent les fonctionnalit\u00e9s. Aucun codage requis\u00a0!<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Qu&#039;est-ce que <span style=\"color: #fc0;\">Chaque fonctionnalit\u00e9<\/span> Faire?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Avec le chargement des polices, nous y reviendrons une fois arriv\u00e9s au <strong>Oh mon Dieu<\/strong> page. Une fois que nous avons fini de t\u00e9l\u00e9charger les polices sur le serveur, nous pouvons bloquer tous les appels sortants vers Google Fonts via Asset Cleanup Pro. Tout ce que vous avez \u00e0 faire est de cliquer sur Avanc\u00e9 et de cocher la case. Ne le faites pas encore car cela ne chargera que les polices syst\u00e8me par d\u00e9faut qui ont l&#039;air horribles\u00a0!<\/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; margin-bottom: 20px;\">Dans les options du th\u00e8me, utilisez le moins de types de polices possible. Vous pouvez utiliser diff\u00e9rentes \u00e9paisseurs de police pour les titres, etc., mais n&#039;utilisez pas de types diff\u00e9rents. Les fichiers de styles de police sont volumineux et le choix d\u2019une police solide semble non seulement coh\u00e9rent, mais cela facilite vraiment la rapidit\u00e9.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">La plupart des gens peuvent d\u00e9sactiver le service XML-RPC Pingback. Cela ferme \u00e9galement certaines portes aux attaques sur votre site Web. Vous ne pourrez pas d\u00e9sactiver si vous utilisez des services de blogs externes, Jetpack ou si vous avez une application connect\u00e9e \u00e0 votre site. Cependant, si vous n&#039;avez rien de tout cela, d\u00e9sactivez-le.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Les commentaires sont assez explicites. Si vous ne les utilisez pas, d\u00e9sactivez-le. Si vous le faites, gardez-le charg\u00e9. La m\u00eame chose peut \u00eatre dite pour les EMOJI et les Dashicons. Si vous utilisez un constructeur de pages comme Elementor ou WP-Bakery, d\u00e9sactivez \u00e9galement Gutenberg. Cela charge pas mal de code qui n&#039;est pas n\u00e9cessaire. Votre constructeur de pages s\u2019en chargera.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Avec le nettoyage du code source HTML, vous pouvez pratiquement tous les supprimer. Il y a des instructions sur la page, alors lisez-les pour \u00eatre s\u00fbr que vous n&#039;utilisez aucune des fonctionnalit\u00e9s.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Si vous utilisez Kinsta ou tout autre h\u00e9bergeur Web avec Cloudflare, vous <u>ne pas<\/u> activer le service CDN. Le CDN le g\u00e8re d\u00e9j\u00e0 et cela provoquera des erreurs si vous l&#039;activez. Si vous utilisez un autre CDN, indiquez votre adresse CDN ici. Cela aidera Asset Cleanup Pro \u00e0 servir les fichiers \u00e0 partir du bon emplacement dans votre configuration.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_hidden-lg vc_col-md-12 vc_hidden-sm vc_hidden-xs\"><div class=\"vc_column-inner vc_custom_1644180963893\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1644181493304\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"h1yellowsmall\" style=\"text-align: center; font-size: 35px;\">Nettoyage des actifs \u2013 Regardez la vid\u00e9o<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_video_widget wpb_content_element vc_clearfix   vc_custom_1744885753518 vc_video-aspect-ratio-169 vc_video-el-width-100 vc_video-align-center\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n\t\t\t<div class=\"wpb_video_wrapper\"><iframe loading=\"lazy\" title=\"Asset Cleanup Elementor acc\u00e9l\u00e8re encore plus les sites Elementor - Param\u00e8tres du plugin Asset Cleanup\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/kcs85I3WU1Q?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1640966841086\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"webpicsmall\" style=\"text-align: center; margin-bottom: 20px;\">Grace \u00e0 <a href=\"https:\/\/www.youtube.com\/hashtag\/wpllcommunity\" target=\"_blank\" rel=\"noopener\"><strong>Communaut\u00e9 WPLL<\/strong><\/a> Pour la vid\u00e9o<\/p>\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\">Vous \u00eates \u00e0 l&#039;aise avec Asset Cleanup Pro\u00a0?<\/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;\">Vous pouvez revenir et optimiser avec Asset Cleanup Pro \u00e0 tout moment. Il est bon de tester les optimisations lors des sessions afin qu&#039;une fois que certaines choses fonctionnent, vous puissiez arr\u00eater le travail et y revenir plus tard. Chaque fois que vous ajoutez un nouveau plugin, vous pouvez simplement y acc\u00e9der et optimiser ce plugin particulier de la mani\u00e8re dont vous souhaitez qu&#039;il se charge.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\"><strong><a href=\"https:\/\/shareasale.com\/r.cfm?b=1448730&amp;u=2234888&amp;m=92973&amp;urllink=&amp;afftrack=\" target=\"_blank\" rel=\"noopener sponsored\">Nettoyage des actifs Pro<\/a><\/strong> en soi, il ne faut pas trop de temps pour s&#039;y habituer. Ce qui peut pr\u00eater \u00e0 confusion, c&#039;est toute cette histoire de report\/pr\u00e9chargement. Un faux mouvement peut interrompre la fonctionnalit\u00e9, alors faites-le toujours par petits morceaux afin de pouvoir vous souvenir facilement de toute modification que vous venez d&#039;apporter.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Une fois que vous \u00eates satisfait de vos progr\u00e8s, passez \u00e0 l\u2019\u00e9tape suivante.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><\/div>\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center wpb_content_element vc_custom_1704427751672\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<a href=\"https:\/\/shareasale.com\/r.cfm?b=1448730&#038;u=2234888&#038;m=92973&#038;urllink=&#038;afftrack=\" target=\"_blank\" class=\"vc_single_image-wrapper   vc_box_border_grey\" rel=\"noopener\"><img decoding=\"async\" class=\"vc_single_image-img\" src=\"https:\/\/yorkshiredesign.co.uk\/wp-content\/uploads\/2023\/02\/Asset-Cleanup-Pro-Plugin-For-Wordpress.webp\" width=\"600\" height=\"450\" alt=\"Asset clean up pro is a powerful WordPress plugin that enhances pagespeed and optimizes website performance.\" title=\"Asset clean up pro is a powerful WordPress plugin that enhances pagespeed and optimizes website performance.\" loading=\"lazy\" \/><\/a>\n\t\t<\/figure>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1640980146690\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"webpicbig\" style=\"text-align: center; margin-bottom: 40px;\">Pr\u00eat \u00e0 continuer?<\/p>\n<p class=\"hblack\" style=\"text-align: center; margin-bottom: 20px;\">\u00c9tape 4\u00a0: Optimisation de l&#039;image<\/p>\n<p class=\"webpicsmall\" style=\"text-align: center; margin-bottom: 20px;\">Allumons ces pages\u00a0!<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_row wpb_row vc_inner vc_row-fluid vc_row-o-content-middle vc_row-flex 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\/optimisation-des-images\/\" target=\"_self\" style=\"color: #000000;background-color: #ffcc00;margin: 0px 0px 40px 0px\" class=\"edgtf-btn edgtf-btn-medium edgtf-btn-solid edgtf-btn-with-cover-fx\"  >\n    <span class=\"edgtf-btn-text\">Optimisation des images<\/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\tOptimisation des images\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=\"edgtf-row-grid-section-wrapper\"  ><div class=\"edgtf-row-grid-section\"><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1644067688308 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_hidden-lg vc_col-md-offset-0 vc_col-md-12 vc_hidden-md vc_col-sm-offset-0 vc_col-xs-12 vc_hidden-xs\"><div class=\"vc_column-inner vc_custom_1644180992505\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1640963924084\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2 class=\"hblack\" style=\"text-align: center;\">Comment <span style=\"color: #fc0;\">Optimiser<\/span> Votre site web<\/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\">Jetez un autre regard sur votre site Web<\/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 premi\u00e8re chose \u00e0 faire est d\u2019y jeter un regard logique. Y a-t-il des fonctionnalit\u00e9s particuli\u00e8res que vous souhaitez conserver ou supprimer ? Y a-t-il des plugins ex\u00e9cut\u00e9s sur une page qui n\u2019ont pas besoin d\u2019\u00eatre pr\u00e9sents\u00a0?<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Donne-moi <span style=\"color: #fc0;\">Un exemple<\/span><\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Les formulaires de contact sont courants. Beaucoup de gens les ont dans le pied de page ou diss\u00e9min\u00e9s partout. As-tu vraiment besoin de \u00e7a ? Si quelqu&#039;un devait vous contacter, cela irait sur la page de contact. Il est tr\u00e8s rare que quelqu&#039;un utilise un formulaire de contact dans le pied de page, alors pourquoi l&#039;avoir l\u00e0 ?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Les scripts de formulaire de contact sont assez lourds \u2013 g\u00e9n\u00e9ralement entre 50 et 80 Ko et charg\u00e9s de CSS. Maintenant, ce petit formulaire dans votre pied de page oblige la page \u00e0 charger ces scripts \u00e0 chaque chargement de page. Ne serait-il pas pr\u00e9f\u00e9rable d&#039;avoir vos formulaires de contact sur une seule page logique et de charger uniquement les scripts de contact sur cette seule page\u00a0?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">C\u2019est le genre de chose qu\u2019est l\u2019optimisation. Avec Asset Cleanup Pro, vous pouvez acc\u00e9der \u00e0 votre page \u00ab Contactez-nous \u00bb et t\u00e9l\u00e9charger les scripts du formulaire de contact sur tout le site, \u00e0 l&#039;exception de cette seule page. Vous avez d\u00e9sormais \u00e9conomis\u00e9 50 \u00e0 80 Ko de poids de page en r\u00e9organisant vos formulaires de contact pour qu&#039;ils soient plus logiques.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Puis-je <span style=\"color: #fc0;\">Faites ceci<\/span> Avec tous les scripts\u00a0?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Oui, \u00e0 peu pr\u00e8s. C&#039;est \u00e9galement tr\u00e8s pratique avec le branding. Souvent, la vitesse de page signifie r\u00e9duire un peu votre site Web. Mais votre marque peut d\u00e9pendre de l\u2019apparence et des fonctionnalit\u00e9s de votre site Web. Pensez donc \u00e0 la structure de votre site Web en tenant compte de votre image de marque. Cr\u00e9ez des pages plus basiques comme la mienne <a href=\"\/fr\/\" target=\"_blank\" rel=\"noopener\"><strong>Page d&#039;accueil<\/strong><\/a>, puis cr\u00e9ez-en ceux qui portent votre marque partout, comme mon <a href=\"\/fr\/propos-de-nous\/\" target=\"_blank\" rel=\"noopener\"><strong>\u00c0 propos de nous<\/strong><\/a> page.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Tant que vos pages de destination sont optimis\u00e9es, c&#039;est vraiment tout ce qui compte. Ne sacrifiez jamais l\u2019image de marque pour la vitesse des pages. Cela rend votre site Web horrible \u00e0 mesure que vous le supprimez de plus en plus bas. Surmonter 90% sur Google Insights est assez simple sur ordinateur, mais sur mobile, c&#039;est une autre histoire. Les crit\u00e8res sont beaucoup plus stricts car les donn\u00e9es d\u00e9pendent des vitesses simul\u00e9es du r\u00e9seau 4G. Ne soyez pas obs\u00e9d\u00e9 par cela. Tant qu&#039;il se charge rapidement et qu&#039;il a une partition mobile dans les ann\u00e9es 70, tout ira bien. Juste pour que vous le sachiez, le score moyen mondial au moment de la r\u00e9daction est de 38% sur mobile.<\/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\">Diff\u00e9rer et pr\u00e9charger CSS\/JS<\/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;\">Diff\u00e9rer le code signifie charger un morceau de code plus tard dans le processus. Le pr\u00e9chargement, ou Async, signifie le charger d\u00e8s que possible avec d&#039;autres fichiers. Avec le chargement asynchrone, le navigateur traitera les fichiers en tandem avec d&#039;autres fichiers pour \u00e9viter tout blocage de rendu. Le diff\u00e9rer ne le chargera pas du tout jusqu&#039;\u00e0 la fin du processus de chargement.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Pour obtenir un bon score de vitesse de page et des temps de chargement rapides, vous devez diff\u00e9rer le chargement des scripts qui ne sont pas n\u00e9cessaires dans l\u2019imm\u00e9diat. Ce sur quoi vous vous concentrez, c&#039;est le contenu \u00ab au-dessus de la ligne de flottaison \u00bb. C\u2019est-\u00e0-dire ce que vous voyez lorsque vous chargez la page pour la premi\u00e8re fois. Vous n&#039;avez pas besoin de charger quoi que ce soit dans le pied de page ou dans les images plus bas sur la page \u2013 uniquement le contenu en haut.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">C\u2019est l\u00e0 que cela peut pr\u00eater \u00e0 confusion car ce n\u2019est pas toujours ce que vous voyez qui doit \u00eatre charg\u00e9. Par exemple, certaines routines JS peuvent avoir des d\u00e9pendances sur un autre fichier. Cela signifie que le fichier JS \u00ab parent \u00bb doit \u00eatre charg\u00e9 pour que le sous-programme JS enfant fonctionne. Un probl\u00e8me courant qui appara\u00eet dans les rapports Google Insights est le <strong>JQUERY<\/strong> d\u00e9poser. Il s&#039;agit d&#039;un fichier cadre dont d\u00e9pendent de nombreux autres fichiers JS pour fonctionner. Vous pouvez essayer de le d\u00e9charger, mais vous obtiendrez tr\u00e8s probablement des erreurs. Mon conseil est de garder celui-ci charg\u00e9 et de vous \u00e9pargner bien des maux de t\u00eate. Vous pouvez toujours obtenir des scores \u00e9lev\u00e9s en le chargeant.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Le pr\u00e9chargement pr\u00e9sente des probl\u00e8mes similaires. C&#039;est formidable que les fichiers soient charg\u00e9s sans blocage du rendu, mais la cl\u00e9 ici est que les fichiers sont t\u00e9l\u00e9charg\u00e9s en tandem avec d&#039;autres fichiers. Cela est particuli\u00e8rement vrai avec les fichiers JS et cela peut causer quelques probl\u00e8mes. Encore une fois, c&#039;est \u00e0 cause des d\u00e9pendances. Si le t\u00e9l\u00e9chargement d&#039;un fichier JS parent n&#039;est pas termin\u00e9 avant que son script enfant ne commence le t\u00e9l\u00e9chargement, le script enfant ne peut pas fonctionner, provoquant des erreurs.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">La m\u00eame chose peut \u00eatre dite des fichiers CSS, mais cela ne provoquera pas d&#039;erreurs principales, mais plut\u00f4t des probl\u00e8mes de mise en page. La plupart des th\u00e8mes ont un fichier \u00ab module \u00bb principal, et il contient la plupart du code CSS qui constitue les \u00e9l\u00e9ments constitutifs de votre site Web. Ce fichier doit rester charg\u00e9 pour \u00e9viter les erreurs et les probl\u00e8mes de d\u00e9calage de mise en page, et il est normalement assez volumineux. C&#039;est l\u00e0 qu&#039;interviennent les CSS critiques et le pr\u00e9chargement, mais nous y reviendrons plus tard. <strong>Chargement rapide<\/strong> page.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">La chose \u00e0 faire est donc de regarder la vid\u00e9o, puis d&#039;y aller page par page et de cocher les cases pour diff\u00e9rer ou pr\u00e9charger le fichier de chaque page. S&#039;il s&#039;agit de quelque chose que vous n&#039;avez pas du tout besoin de charger, cochez la case pour le d\u00e9charger sur tout le site et il sera d\u00e9charg\u00e9 sur toutes les pages. N&#039;effectuez qu&#039;un ou deux codes \u00e0 la fois, videz le cache et v\u00e9rifiez-le. Si vous en faites trop et que \u00e7a casse, cela devient alors un peu de travail de d\u00e9tective pour voir lequel a cass\u00e9 le site\u00a0!<\/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\">Les bases de l&#039;optimisation<\/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;\">Changer l&#039;ordre de chargement \u00e0 l&#039;aide d&#039;Asset Cleanup Pro est l&#039;une des bases de l&#039;optimisation de votre site Web. Cependant, il s\u2019agit de l\u2019\u00e9tape la plus longue du processus de vitesse de page. Un bon conseil est de travailler avec vos plugins avant de vous attaquer aux fichiers de th\u00e8me. En effet, il est facile de voir quels plugins sont charg\u00e9s sur la page et de juger si vous avez besoin des fichiers ou non. Certaines fonctions du th\u00e8me peuvent \u00eatre moins \u00e9videntes et ce sont les fichiers de th\u00e8me qui provoquent souvent le plus d&#039;erreurs. Vous n&#039;aurez peut-\u00eatre pas besoin de charger quelque chose sur l&#039;ensemble du site Web, \u00e0 l&#039;exception d&#039;une page critique \u2013 et il est facile de manquer une ic\u00f4ne non charg\u00e9e, ou un carrousel manquant, etc.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Et alors <span style=\"color: #fc0;\">Devrais-je<\/span> Faire?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Comme indiqu\u00e9, l&#039;optimisation comporte de nombreuses \u00e9tapes, et celle-ci est la premi\u00e8re. Heureusement, c&#039;est aussi le plus complexe. Une fois que vous avez charg\u00e9 vos plugins uniquement l\u00e0 o\u00f9 ils doivent \u00eatre et que vous \u00eates heureux que tout fonctionne, j&#039;effectuerais une nouvelle sauvegarde du site. Ensuite, effectuez un test de vitesse de page pour obtenir un score, notez-le et passez \u00e0 une autre \u00e9tape qui vous d\u00e9range dans le rapport Insights. Essayez peut-\u00eatre l&#039;optimisation d&#039;image ou l&#039;astuce de l&#039;organisateur de plugins si vous avez un chargement de contenu important sur mobile.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Un autre petit conseil particuli\u00e8rement utile lors du report de fichiers JS consiste \u00e0 faire un clic droit sur la fen\u00eatre Chrome et \u00e0 cliquer sur \u00ab\u00a0Inspecter\u00a0\u00bb. Cela ouvre une fen\u00eatre qui affiche tout le code charg\u00e9 sur votre \u00e9cran. Actualisez maintenant la page Web. Si vous obtenez une petite ic\u00f4ne rouge avec une croix en haut de la fen\u00eatre du code Chrome, cliquez dessus. Cela vous informera de toute erreur sur la page. Regardez quelle est l&#039;erreur et faites-la correspondre aux noms de fichiers sur votre page. R\u00e9initialisez ce que vous avez fait en dernier (ou arr\u00eatez de diff\u00e9rer JQUERY si vous avez essay\u00e9). Actualisez la page Web et voyez si l&#039;erreur a disparu. S&#039;il a disparu, vous savez qu&#039;il ne faut pas diff\u00e9rer ce fichier particulier.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">N&#039;essayez pas de tout faire en une seule fois. Installez-vous confortablement, r\u00e9alisez les plugins, puis le th\u00e8me lui-m\u00eame une fois que vous \u00eates \u00e0 l&#039;aise avec l&#039;interface utilisateur d&#039;Asset Cleanup.<\/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\">D\u00e9chargement des fonctionnalit\u00e9s de base<\/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;\">Au d\u00e9but de la vid\u00e9o, vous remarquerez que l\u2019h\u00f4te parle de supprimer les fonctionnalit\u00e9s de base de WordPress. Portez une attention particuli\u00e8re \u00e0 cela car c&#039;est un attribut d&#039;Asset Cleanup Pro que vous ne trouverez pas ailleurs. Il vous permet de supprimer le code principal inutilis\u00e9, ce qui peut r\u00e9duire consid\u00e9rablement le poids de votre site Web.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">WordPress est si grand que nous avons rarement besoin de quelque chose comme tout ce qu\u2019il a \u00e0 offrir, alors r\u00e9duisons cela. Asset Cleanup Pro rend ce processus si simple car il vous suffit d&#039;acc\u00e9der \u00e0 la zone d&#039;administration du plugin et de petits interrupteurs \u00e0 bascule activent et d\u00e9sactivent les fonctionnalit\u00e9s. Aucun codage requis\u00a0!<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Qu&#039;est-ce que <span style=\"color: #fc0;\">Chaque fonctionnalit\u00e9<\/span> Faire?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Avec le chargement des polices, nous y reviendrons une fois arriv\u00e9s au <strong>Oh mon Dieu<\/strong> page. Une fois que nous avons fini de t\u00e9l\u00e9charger les polices sur le serveur, nous pouvons bloquer tous les appels sortants vers Google Fonts via Asset Cleanup Pro. Tout ce que vous avez \u00e0 faire est de cliquer sur Avanc\u00e9 et de cocher la case. Ne le faites pas encore car cela ne chargera que les polices syst\u00e8me par d\u00e9faut qui ont l&#039;air horribles\u00a0!<\/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; margin-bottom: 20px;\">Dans les options du th\u00e8me, utilisez le moins de types de polices possible. Vous pouvez utiliser diff\u00e9rentes \u00e9paisseurs de police pour les titres, etc., mais n&#039;utilisez pas de types diff\u00e9rents. Les fichiers de styles de police sont volumineux et le choix d\u2019une police solide semble non seulement coh\u00e9rent, mais cela facilite vraiment la rapidit\u00e9.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">La plupart des gens peuvent d\u00e9sactiver le service XML-RPC Pingback. Cela ferme \u00e9galement certaines portes aux attaques sur votre site Web. Vous ne pourrez pas d\u00e9sactiver si vous utilisez des services de blogs externes, Jetpack ou si vous avez une application connect\u00e9e \u00e0 votre site. Cependant, si vous n&#039;avez rien de tout cela, d\u00e9sactivez-le.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Les commentaires sont assez explicites. Si vous ne les utilisez pas, d\u00e9sactivez-le. Si vous le faites, gardez-le charg\u00e9. La m\u00eame chose peut \u00eatre dite pour les EMOJI et les Dashicons. Si vous utilisez un constructeur de pages comme Elementor ou WP-Bakery, d\u00e9sactivez \u00e9galement Gutenberg. Cela charge pas mal de code qui n&#039;est pas n\u00e9cessaire. Votre constructeur de pages s\u2019en chargera.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Avec le nettoyage du code source HTML, vous pouvez pratiquement tous les supprimer. Il y a des instructions sur la page, alors lisez-les pour \u00eatre s\u00fbr que vous n&#039;utilisez aucune des fonctionnalit\u00e9s.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Si vous utilisez Kinsta ou tout autre h\u00e9bergeur Web avec Cloudflare, vous <u>ne pas<\/u> activer le service CDN. Le CDN le g\u00e8re d\u00e9j\u00e0 et cela provoquera des erreurs si vous l&#039;activez. Si vous utilisez un autre CDN, indiquez votre adresse CDN ici. Cela aidera Asset Cleanup Pro \u00e0 servir les fichiers \u00e0 partir du bon emplacement dans votre configuration.<\/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_1644181008178\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"h1yellowsmall\" style=\"text-align: center; font-size: 35px;\">Nettoyage des actifs \u2013 Regardez la vid\u00e9o<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_video_widget wpb_content_element vc_clearfix   vc_custom_1640955483467 vc_video-aspect-ratio-169 vc_video-el-width-100 vc_video-align-center\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n\t\t\t<div class=\"wpb_video_wrapper\"><iframe loading=\"lazy\" title=\"Asset Cleanup Elementor acc\u00e9l\u00e8re encore plus les sites Elementor - Param\u00e8tres du plugin Asset Cleanup\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/kcs85I3WU1Q?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1640966841086\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"webpicsmall\" style=\"text-align: center; margin-bottom: 20px;\">Grace \u00e0 <a href=\"https:\/\/www.youtube.com\/hashtag\/wpllcommunity\" target=\"_blank\" rel=\"noopener\"><strong>Communaut\u00e9 WPLL<\/strong><\/a> Pour la vid\u00e9o<\/p>\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\">Vous \u00eates \u00e0 l&#039;aise avec Asset Cleanup Pro\u00a0?<\/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;\">Vous pouvez revenir et optimiser avec Asset Cleanup Pro \u00e0 tout moment. Il est bon de tester les optimisations lors des sessions afin qu&#039;une fois que certaines choses fonctionnent, vous puissiez arr\u00eater le travail et y revenir plus tard. Chaque fois que vous ajoutez un nouveau plugin, vous pouvez simplement y acc\u00e9der et optimiser ce plugin particulier de la mani\u00e8re dont vous souhaitez qu&#039;il se charge.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\"><strong><a href=\"https:\/\/shareasale.com\/r.cfm?b=1448730&amp;u=2234888&amp;m=92973&amp;urllink=&amp;afftrack=\" target=\"_blank\" rel=\"noopener sponsored\">Nettoyage des actifs Pro<\/a><\/strong> en soi, il ne faut pas trop de temps pour s&#039;y habituer. Ce qui peut pr\u00eater \u00e0 confusion, c&#039;est toute cette histoire de report\/pr\u00e9chargement. Un faux mouvement peut interrompre la fonctionnalit\u00e9, alors faites-le toujours par petits morceaux afin de pouvoir vous souvenir facilement de toute modification que vous venez d&#039;apporter.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Une fois que vous \u00eates satisfait de vos progr\u00e8s, passez \u00e0 l\u2019\u00e9tape suivante.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><\/div>\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center wpb_content_element wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_custom_1675273731216\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<a href=\"https:\/\/shareasale.com\/r.cfm?b=1448730&#038;u=2234888&#038;m=92973&#038;urllink=&#038;afftrack=\" target=\"_blank\" class=\"vc_single_image-wrapper   vc_box_border_grey\" rel=\"noopener\"><\/a>\n\t\t<\/figure>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1640980146690\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"webpicbig\" style=\"text-align: center; margin-bottom: 40px;\">Pr\u00eat \u00e0 continuer?<\/p>\n<p class=\"hblack\" style=\"text-align: center; margin-bottom: 20px;\">\u00c9tape 4\u00a0: Optimisation de l&#039;image<\/p>\n<p class=\"webpicsmall\" style=\"text-align: center; margin-bottom: 20px;\">Allumons ces pages\u00a0!<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_row wpb_row vc_inner vc_row-fluid vc_row-o-content-middle vc_row-flex 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\/optimisation-des-images\/\" target=\"_self\" style=\"color: #000000;background-color: #ffcc00;margin: 0px 0px 40px 0px\" class=\"edgtf-btn edgtf-btn-medium edgtf-btn-solid edgtf-btn-with-cover-fx\"  >\n    <span class=\"edgtf-btn-text\">Optimisation des images<\/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\tOptimisation des images\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\" ><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: 60px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1640983448963 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_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_1644067534123\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1640983616315\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2 class=\"hblack\" style=\"text-align: center;\"><span style=\"color: #fc0;\">Optimiser<\/span>\u00a0Votre site web<\/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\">Regardez \u00e0 nouveau votre site Web<\/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 premi\u00e8re chose \u00e0 faire est d\u2019y jeter un regard logique. Y a-t-il des fonctionnalit\u00e9s particuli\u00e8res que vous souhaitez conserver ou supprimer ? Y a-t-il des plugins ex\u00e9cut\u00e9s sur une page qui n\u2019ont pas besoin d\u2019\u00eatre pr\u00e9sents\u00a0?<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Donne-moi <span style=\"color: #fc0;\">Un exemple<\/span><\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Les formulaires de contact sont courants. Beaucoup de gens les ont dans le pied de page ou diss\u00e9min\u00e9s partout. As-tu vraiment besoin de \u00e7a ? Si quelqu&#039;un devait vous contacter, cela irait sur la page de contact. Il est tr\u00e8s rare que quelqu&#039;un utilise un formulaire de contact dans le pied de page, alors pourquoi l&#039;avoir l\u00e0 ?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Les scripts de formulaire de contact sont assez lourds \u2013 g\u00e9n\u00e9ralement entre 50 et 80 Ko et charg\u00e9s de CSS. Maintenant, ce petit formulaire dans votre pied de page oblige la page \u00e0 charger ces scripts \u00e0 chaque chargement de page. Ne serait-il pas pr\u00e9f\u00e9rable d&#039;avoir vos formulaires de contact sur une seule page logique et de charger uniquement les scripts de contact sur cette seule page\u00a0?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">C\u2019est le genre de chose qu\u2019est l\u2019optimisation. Avec Asset Cleanup Pro, vous pouvez acc\u00e9der \u00e0 votre page \u00ab Contactez-nous \u00bb et t\u00e9l\u00e9charger les scripts du formulaire de contact sur tout le site, \u00e0 l&#039;exception de cette seule page. Vous avez d\u00e9sormais \u00e9conomis\u00e9 50 \u00e0 80 Ko de poids de page en r\u00e9organisant vos formulaires de contact pour qu&#039;ils soient plus logiques.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Puis-je <span style=\"color: #fc0;\">Faites ceci<\/span> Avec tous les scripts\u00a0?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Oui, \u00e0 peu pr\u00e8s. C&#039;est \u00e9galement tr\u00e8s pratique avec le branding. Souvent, la vitesse de page signifie r\u00e9duire un peu votre site Web. Mais votre marque peut d\u00e9pendre de l\u2019apparence et des fonctionnalit\u00e9s de votre site Web. Pensez donc \u00e0 la structure de votre site Web en tenant compte de votre image de marque. Cr\u00e9ez des pages plus basiques comme la mienne <a href=\"\/fr\/\" target=\"_blank\" rel=\"noopener\"><strong>Page d&#039;accueil<\/strong><\/a>, puis cr\u00e9ez-en ceux qui portent votre marque partout, comme mon <a href=\"\/fr\/propos-de-nous\/\" target=\"_blank\" rel=\"noopener\"><strong>\u00c0 propos de nous<\/strong><\/a> page.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Tant que vos pages de destination sont optimis\u00e9es, c&#039;est vraiment tout ce qui compte. Ne sacrifiez jamais l\u2019image de marque pour la vitesse des pages. Cela rend votre site Web horrible \u00e0 mesure que vous le supprimez de plus en plus bas. Surmonter 90% sur Google Insights est assez simple sur ordinateur, mais sur mobile, c&#039;est une autre histoire. Les crit\u00e8res sont beaucoup plus stricts car les donn\u00e9es d\u00e9pendent des vitesses simul\u00e9es du r\u00e9seau 4G. Ne soyez pas obs\u00e9d\u00e9 par cela. Tant qu&#039;il se charge rapidement et qu&#039;il a une partition mobile dans les ann\u00e9es 70, tout ira bien. Juste pour que vous le sachiez, le score moyen mondial au moment de la r\u00e9daction est de 38% sur mobile.<\/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\">Diff\u00e9rer et pr\u00e9charger CSS\/JS<\/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;\">Diff\u00e9rer le code signifie charger un morceau de code plus tard dans le processus. Le pr\u00e9chargement, ou Async, signifie le charger d\u00e8s que possible avec d&#039;autres fichiers. Avec le chargement asynchrone, le navigateur traitera les fichiers en tandem avec d&#039;autres fichiers pour \u00e9viter tout blocage de rendu. Le diff\u00e9rer ne le chargera pas du tout jusqu&#039;\u00e0 la fin du processus de chargement.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Pour obtenir un bon score de vitesse de page et des temps de chargement rapides, vous devez diff\u00e9rer le chargement des scripts qui ne sont pas n\u00e9cessaires dans l\u2019imm\u00e9diat. Ce sur quoi vous vous concentrez, c&#039;est le contenu \u00ab au-dessus de la ligne de flottaison \u00bb. C\u2019est-\u00e0-dire ce que vous voyez lorsque vous chargez la page pour la premi\u00e8re fois. Vous n&#039;avez pas besoin de charger quoi que ce soit dans le pied de page ou dans les images plus bas sur la page \u2013 uniquement le contenu en haut.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">C\u2019est l\u00e0 que cela peut pr\u00eater \u00e0 confusion car ce n\u2019est pas toujours ce que vous voyez qui doit \u00eatre charg\u00e9. Par exemple, certaines routines JS peuvent avoir des d\u00e9pendances sur un autre fichier. Cela signifie que le fichier JS \u00ab parent \u00bb doit \u00eatre charg\u00e9 pour que le sous-programme JS enfant fonctionne. Un probl\u00e8me courant qui appara\u00eet dans les rapports Google Insights est le <strong>JQUERY<\/strong> d\u00e9poser. Il s&#039;agit d&#039;un fichier cadre dont d\u00e9pendent de nombreux autres fichiers JS pour fonctionner. Vous pouvez essayer de le d\u00e9charger, mais vous obtiendrez tr\u00e8s probablement des erreurs. Mon conseil est de garder celui-ci charg\u00e9 et de vous \u00e9pargner bien des maux de t\u00eate. Vous pouvez toujours obtenir des scores \u00e9lev\u00e9s en le chargeant.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Le pr\u00e9chargement pr\u00e9sente des probl\u00e8mes similaires. C&#039;est formidable que les fichiers soient charg\u00e9s sans blocage du rendu, mais la cl\u00e9 ici est que les fichiers sont t\u00e9l\u00e9charg\u00e9s en tandem avec d&#039;autres fichiers. Cela est particuli\u00e8rement vrai avec les fichiers JS et cela peut causer quelques probl\u00e8mes. Encore une fois, c&#039;est \u00e0 cause des d\u00e9pendances. Si le t\u00e9l\u00e9chargement d&#039;un fichier JS parent n&#039;est pas termin\u00e9 avant que son script enfant ne commence le t\u00e9l\u00e9chargement, le script enfant ne peut pas fonctionner, provoquant des erreurs.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">La m\u00eame chose peut \u00eatre dite des fichiers CSS, mais cela ne provoquera pas d&#039;erreurs principales, mais plut\u00f4t des probl\u00e8mes de mise en page. La plupart des th\u00e8mes ont un fichier \u00ab module \u00bb principal, et il contient la plupart du code CSS qui constitue les \u00e9l\u00e9ments constitutifs de votre site Web. Ce fichier doit rester charg\u00e9 pour \u00e9viter les erreurs et les probl\u00e8mes de d\u00e9calage de mise en page, et il est normalement assez volumineux. C&#039;est l\u00e0 qu&#039;interviennent les CSS critiques et le pr\u00e9chargement, mais nous y reviendrons plus tard. <strong>Chargement rapide<\/strong> page.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">La chose \u00e0 faire est donc de regarder la vid\u00e9o, puis d&#039;y aller page par page et de cocher les cases pour diff\u00e9rer ou pr\u00e9charger le fichier de chaque page. S&#039;il s&#039;agit de quelque chose que vous n&#039;avez pas du tout besoin de charger, cochez la case pour le d\u00e9charger sur tout le site et il sera d\u00e9charg\u00e9 sur toutes les pages. N&#039;effectuez qu&#039;un ou deux codes \u00e0 la fois, videz le cache et v\u00e9rifiez-le. Si vous en faites trop et que \u00e7a casse, cela devient alors un peu de travail de d\u00e9tective pour voir lequel a cass\u00e9 le site\u00a0!<\/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\">Les bases de l&#039;optimisation<\/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;\">Changer l&#039;ordre de chargement \u00e0 l&#039;aide d&#039;Asset Cleanup Pro est l&#039;une des bases de l&#039;optimisation de votre site Web. Cependant, il s\u2019agit de l\u2019\u00e9tape la plus longue du processus de vitesse de page. Un bon conseil est de travailler avec vos plugins avant de vous attaquer aux fichiers de th\u00e8me. En effet, il est facile de voir quels plugins sont charg\u00e9s sur la page et de juger si vous avez besoin des fichiers ou non. Certaines fonctions du th\u00e8me peuvent \u00eatre moins \u00e9videntes et ce sont les fichiers de th\u00e8me qui provoquent souvent le plus d&#039;erreurs. Vous n&#039;aurez peut-\u00eatre pas besoin de charger quelque chose sur l&#039;ensemble du site Web, \u00e0 l&#039;exception d&#039;une page critique \u2013 et il est facile de manquer une ic\u00f4ne non charg\u00e9e, ou un carrousel manquant, etc.<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Et alors <span style=\"color: #fc0;\">Devrais-je<\/span> Faire?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Comme indiqu\u00e9, l&#039;optimisation comporte de nombreuses \u00e9tapes, et celle-ci est la premi\u00e8re. Heureusement, c&#039;est aussi le plus complexe. Une fois que vous avez charg\u00e9 vos plugins uniquement l\u00e0 o\u00f9 ils doivent \u00eatre et que vous \u00eates heureux que tout fonctionne, j&#039;effectuerais une nouvelle sauvegarde du site. Ensuite, effectuez un test de vitesse de page pour obtenir un score, notez-le et passez \u00e0 une autre \u00e9tape qui vous d\u00e9range dans le rapport Insights. Essayez peut-\u00eatre l&#039;optimisation d&#039;image ou l&#039;astuce de l&#039;organisateur de plugins si vous avez un chargement de contenu important sur mobile.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Un autre petit conseil particuli\u00e8rement utile lors du report de fichiers JS consiste \u00e0 faire un clic droit sur la fen\u00eatre Chrome et \u00e0 cliquer sur \u00ab\u00a0Inspecter\u00a0\u00bb. Cela ouvre une fen\u00eatre qui affiche tout le code charg\u00e9 sur votre \u00e9cran. Actualisez maintenant la page Web. Si vous obtenez une petite ic\u00f4ne rouge avec une croix en haut de la fen\u00eatre du code Chrome, cliquez dessus. Cela vous informera de toute erreur sur la page. Regardez quelle est l&#039;erreur et faites-la correspondre aux noms de fichiers sur votre page. R\u00e9initialisez ce que vous avez fait en dernier (ou arr\u00eatez de diff\u00e9rer JQUERY si vous avez essay\u00e9). Actualisez la page Web et voyez si l&#039;erreur a disparu. S&#039;il a disparu, vous savez qu&#039;il ne faut pas diff\u00e9rer ce fichier particulier.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">N&#039;essayez pas de tout faire en une seule fois. Installez-vous confortablement, r\u00e9alisez les plugins, puis le th\u00e8me lui-m\u00eame une fois que vous \u00eates \u00e0 l&#039;aise avec l&#039;interface utilisateur d&#039;Asset Cleanup.<\/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\">D\u00e9chargement des fonctionnalit\u00e9s de base<\/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;\">Au d\u00e9but de la vid\u00e9o, vous remarquerez que l\u2019h\u00f4te parle de supprimer les fonctionnalit\u00e9s de base de WordPress. Portez une attention particuli\u00e8re \u00e0 cela car c&#039;est un attribut d&#039;Asset Cleanup Pro que vous ne trouverez pas ailleurs. Il vous permet de supprimer le code principal inutilis\u00e9, ce qui peut r\u00e9duire consid\u00e9rablement le poids de votre site Web.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">WordPress est si grand que nous avons rarement besoin de quelque chose comme tout ce qu\u2019il a \u00e0 offrir, alors r\u00e9duisons cela. Asset Cleanup Pro rend ce processus si simple car il vous suffit d&#039;acc\u00e9der \u00e0 la zone d&#039;administration du plugin et de petits interrupteurs \u00e0 bascule activent et d\u00e9sactivent les fonctionnalit\u00e9s. Aucun codage requis\u00a0!<\/p>\n<p class=\"hblacksmaller\" style=\"margin-bottom: 20px;\">Qu&#039;est-ce que <span style=\"color: #fc0;\">Chaque fonctionnalit\u00e9<\/span> Faire?<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Avec le chargement des polices, nous y reviendrons une fois arriv\u00e9s au <strong>Oh mon Dieu<\/strong> page. Une fois que nous avons fini de t\u00e9l\u00e9charger les polices sur le serveur, nous pouvons bloquer tous les appels sortants vers Google Fonts via Asset Cleanup Pro. Tout ce que vous avez \u00e0 faire est de cliquer sur Avanc\u00e9 et de cocher la case. Ne le faites pas encore car cela ne chargera que les polices syst\u00e8me par d\u00e9faut qui ont l&#039;air horribles\u00a0!<\/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; margin-bottom: 20px;\">Dans les options du th\u00e8me, utilisez le moins de types de polices possible. Vous pouvez utiliser diff\u00e9rentes \u00e9paisseurs de police pour les titres, etc., mais n&#039;utilisez pas de types diff\u00e9rents. Les fichiers de styles de police sont volumineux et le choix d\u2019une police solide semble non seulement coh\u00e9rent, mais cela facilite vraiment la rapidit\u00e9.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">La plupart des gens peuvent d\u00e9sactiver le service XML-RPC Pingback. Cela ferme \u00e9galement certaines portes aux attaques sur votre site Web. Vous ne pourrez pas d\u00e9sactiver si vous utilisez des services de blogs externes, Jetpack ou si vous avez une application connect\u00e9e \u00e0 votre site. Cependant, si vous n&#039;avez rien de tout cela, d\u00e9sactivez-le.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Les commentaires sont assez explicites. Si vous ne les utilisez pas, d\u00e9sactivez-le. Si vous le faites, gardez-le charg\u00e9. La m\u00eame chose peut \u00eatre dite pour les EMOJI et les Dashicons. Si vous utilisez un constructeur de pages comme Elementor ou WP-Bakery, d\u00e9sactivez \u00e9galement Gutenberg. Cela charge pas mal de code qui n&#039;est pas n\u00e9cessaire. Votre constructeur de pages s\u2019en chargera.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\">Avec le nettoyage du code source HTML, vous pouvez pratiquement tous les supprimer. Il y a des instructions sur la page, alors lisez-les pour \u00eatre s\u00fbr que vous n&#039;utilisez aucune des fonctionnalit\u00e9s.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Si vous utilisez Kinsta ou tout autre h\u00e9bergeur Web avec Cloudflare, vous <u>ne pas<\/u> activer le service CDN. Le CDN le g\u00e8re d\u00e9j\u00e0 et cela provoquera des erreurs si vous l&#039;activez. Si vous utilisez un autre CDN, indiquez votre adresse CDN ici. Cela aidera Asset Cleanup Pro \u00e0 servir les fichiers \u00e0 partir du bon emplacement dans votre configuration.<\/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_1644181025800\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"h1yellowsmall\" style=\"text-align: center; font-size: 35px;\">Nettoyage des actifs \u2013 Regardez la vid\u00e9o<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_video_widget wpb_content_element vc_clearfix   vc_custom_1640955483467 vc_video-aspect-ratio-169 vc_video-el-width-100 vc_video-align-center\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n\t\t\t<div class=\"wpb_video_wrapper\"><iframe loading=\"lazy\" title=\"Asset Cleanup Elementor acc\u00e9l\u00e8re encore plus les sites Elementor - Param\u00e8tres du plugin Asset Cleanup\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/kcs85I3WU1Q?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element vc_custom_1640966841086\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"webpicsmall\" style=\"text-align: center; margin-bottom: 20px;\">Grace \u00e0 <a href=\"https:\/\/www.youtube.com\/hashtag\/wpllcommunity\" target=\"_blank\" rel=\"noopener\"><strong>Communaut\u00e9 WPLL<\/strong><\/a> Pour la vid\u00e9o<\/p>\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\">Vous aimez Asset Cleanup Pro\u00a0?<\/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;\">Vous pouvez revenir et optimiser avec Asset Cleanup Pro \u00e0 tout moment. Il est bon de tester les optimisations lors des sessions afin qu&#039;une fois que certaines choses fonctionnent, vous puissiez arr\u00eater le travail et y revenir plus tard. Chaque fois que vous ajoutez un nouveau plugin, vous pouvez simplement y acc\u00e9der et optimiser ce plugin particulier de la mani\u00e8re dont vous souhaitez qu&#039;il se charge.<\/p>\n<p style=\"line-height: 33px; text-align: justify; margin-bottom: 20px;\"><strong><a href=\"https:\/\/shareasale.com\/r.cfm?b=1448730&amp;u=2234888&amp;m=92973&amp;urllink=&amp;afftrack=\" target=\"_blank\" rel=\"noopener sponsored\">Nettoyage des actifs Pro<\/a><\/strong> en soi, il ne faut pas trop de temps pour s&#039;y habituer. Ce qui peut pr\u00eater \u00e0 confusion, c&#039;est toute cette histoire de report\/pr\u00e9chargement. Un faux mouvement peut interrompre la fonctionnalit\u00e9, alors faites-le toujours par petits morceaux afin de pouvoir vous souvenir facilement de toute modification que vous venez d&#039;apporter.<\/p>\n<p style=\"line-height: 33px; text-align: justify;\">Une fois que vous \u00eates satisfait de vos progr\u00e8s, passez \u00e0 l\u2019\u00e9tape suivante.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n    <\/div>\n<\/div><\/div>\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element vc_custom_1707872430505\" >\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<!-- Blog Page -->\n<ins class=\"adsbygoogle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6482022064054003\"\n     data-ad-slot=\"9240154055\"\n     data-ad-format=\"auto\"\n     data-full-width-responsive=\"true\"><\/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_1640980146690\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"webpicbig\" style=\"text-align: center; margin-bottom: 40px;\">Pr\u00eat \u00e0 continuer?<\/p>\n<p class=\"hblack\" style=\"text-align: center; margin-bottom: 20px;\">\u00c9tape 4\u00a0: Optimisation de l&#039;image<\/p>\n<p class=\"webpicsmall\" style=\"text-align: center; margin-bottom: 20px;\">Allumons ces pages\u00a0!<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_row wpb_row vc_inner vc_row-fluid vc_row-o-content-middle vc_row-flex 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\/optimisation-des-images\/\" target=\"_self\" style=\"color: #000000;background-color: #ffcc00;margin: 0px 0px 40px 0px\" class=\"edgtf-btn edgtf-btn-medium edgtf-btn-solid edgtf-btn-with-cover-fx\"  >\n    <span class=\"edgtf-btn-text\">Optimisation des images<\/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\tOptimisation des images\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 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;\">Nettoyage des actifs Pro \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>Asset Cleanup Pro est un plugin WordPress qui est une bo\u00eete \u00e0 outils d&#039;optimisation. Il contient de nombreuses fonctionnalit\u00e9s qui vous permettront d\u2019optimiser votre site Web jusqu\u2019au moindre niveau.<\/p>","protected":false},"author":1,"featured_media":31532,"parent":23872,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width.php","meta":{"footnotes":""},"categories":[2369],"tags":[2372],"class_list":["post-24057","page","type-page","status-publish","has-post-thumbnail","hentry","category-page-speed-guide","tag-asset-cleanup-pro"],"_links":{"self":[{"href":"https:\/\/yorkshiredesign.co.uk\/fr\/wp-json\/wp\/v2\/pages\/24057","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=24057"}],"version-history":[{"count":21,"href":"https:\/\/yorkshiredesign.co.uk\/fr\/wp-json\/wp\/v2\/pages\/24057\/revisions"}],"predecessor-version":[{"id":32908,"href":"https:\/\/yorkshiredesign.co.uk\/fr\/wp-json\/wp\/v2\/pages\/24057\/revisions\/32908"}],"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\/31532"}],"wp:attachment":[{"href":"https:\/\/yorkshiredesign.co.uk\/fr\/wp-json\/wp\/v2\/media?parent=24057"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yorkshiredesign.co.uk\/fr\/wp-json\/wp\/v2\/categories?post=24057"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yorkshiredesign.co.uk\/fr\/wp-json\/wp\/v2\/tags?post=24057"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}