{"id":4761,"date":"2026-05-09T10:17:19","date_gmt":"2026-05-09T10:17:19","guid":{"rendered":"https:\/\/rimanagency.com\/page-load-budget-calculator\/"},"modified":"2026-05-09T10:17:19","modified_gmt":"2026-05-09T10:17:19","slug":"page-load-budget-calculator","status":"publish","type":"page","link":"https:\/\/rimanagency.com\/fr\/page-load-budget-calculator\/","title":{"rendered":"Calculateur de budget de chargement de page"},"content":{"rendered":"<style>.rt-h{background:linear-gradient(135deg,#f1f5e8,#e8efdb);border-radius:14px;padding:32px;margin:0 0 24px;text-align:center}.rt-h h1{margin:0 0 10px;font-size:28px;color:#4a6320}.rt-g{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 24px}.rt-f,.rt-o{background:#fff;border:1px solid #e0e6d8;border-radius:10px;padding:22px}.rt-f h3,.rt-o h3{margin:0 0 14px;color:#4a6320;font-size:18px}.rt-f label{display:block;font-size:13px;color:#516048;font-weight:600;margin:10px 0 6px}.rt-f input,.rt-f select,.rt-f textarea{width:100%;padding:9px;border:1px solid #d4dac6;border-radius:6px;font-size:14px;box-sizing:border-box;font-family:inherit}.rt-btn{background:#719430;color:#fff;border:none;padding:11px 20px;border-radius:6px;font-weight:700;cursor:pointer;width:100%;margin-top:14px;font-size:15px}.rt-btn:hover{background:#4a6320}.rt-o-big{font-size:38px;font-weight:800;color:#719430;text-align:center;margin:6px 0}.rt-o-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #f0f3e8;font-size:14px}.rt-o-row:last-child{border:none}.rt-o-row b{color:#4a6320}.rt-cta{background:linear-gradient(135deg,#719430,#4a6320);color:#fff;border-radius:14px;padding:32px;text-align:center;margin:30px 0}.rt-cta a{background:#fff;color:#4a6320;padding:12px 28px;border-radius:6px;font-weight:700;text-decoration:none;display:inline-block;margin-top:14px}.rt-code{background:#1e1e1e;color:#a3c163;padding:14px;border-radius:8px;font-family:Consolas,monospace;font-size:12px;white-space:pre-wrap;word-break:break-all;max-height:300px;overflow:auto}@media(max-width:768px){.rt-g{grid-template-columns:1fr}}<\/style>\n<div class=\"rt-h\">\n<h1>Calculateur de budget de chargement de page<\/h1>\n<p>Calculez le poids total de la page \u00e0 partir des images, des scripts, des polices et du HTML, et v\u00e9rifiez si votre page respecte les objectifs budg\u00e9taires des Core Web Vitals.<\/p>\n<\/div>\n<div class=\"rt-g\">\n<div class=\"rt-f\">\n<h3>Taille des actifs<\/h3>\n<p><label>Poids HTML (Ko)<\/label><input type=\"number\" id=\"lb-html\" value=\"30\"><label>Poids CSS (KB)<\/label><input type=\"number\" id=\"lb-css\" value=\"80\"><label>Poids du code JavaScript (Ko)<\/label><input type=\"number\" id=\"lb-js\" value=\"280\"><label>Poids des images (Ko)<\/label><input type=\"number\" id=\"lb-img\" value=\"600\"><label>Poids des polices (KB)<\/label><input type=\"number\" id=\"lb-fonts\" value=\"150\"><button class=\"rt-btn\" onclick=\"calcLb()\">V\u00e9rifier le budget<\/button><\/div>\n<div class=\"rt-o\">\n<h3>\u00c9tat du budget<\/h3>\n<div class=\"rt-o-big\" id=\"lb-big\">\u2014<\/div>\n<p style=\"text-align:center;color:#516048;font-size:13px;margin:0 0 18px\" id=\"lb-v\">Ex\u00e9cuter la v\u00e9rification<\/p>\n<div class=\"rt-o-row\"><span>Poids total de la page<\/span><b id=\"lb-total\">\u2014<\/b><\/div>\n<div class=\"rt-o-row\"><span>verdict budg\u00e9taire du JS<\/span><b id=\"lb-jsv\">\u2014<\/b><\/div>\n<div class=\"rt-o-row\"><span>verdict sur le budget image<\/span><b id=\"lb-imv\">\u2014<\/b><\/div>\n<div class=\"rt-o-row\"><span>Verdict sur le budget total<\/span><b id=\"lb-tv\">\u2014<\/b><\/div>\n<\/div>\n<\/div>\n<p><script>function calcLb(){var h=+document.getElementById(\"lb-html\").value||0;var c=+document.getElementById(\"lb-css\").value||0;var j=+document.getElementById(\"lb-js\").value||0;var i=+document.getElementById(\"lb-img\").value||0;var f=+document.getElementById(\"lb-fonts\").value||0;var t=h+c+j+i+f;function v(val,target){return val<=target?\"\u2713 Under budget\":val<=target*1.5?\"\u26a0 Approaching\":\"\u2716 Over budget\"}var jsV=v(j,300);var imV=v(i,800);var tV=v(t,1500);document.getElementById(\"lb-big\").textContent=t+\" KB\";document.getElementById(\"lb-v\").textContent=\"Total page weight\";document.getElementById(\"lb-total\").textContent=t+\" KB\";document.getElementById(\"lb-jsv\").textContent=jsV+\" (target: 300 KB)\";document.getElementById(\"lb-imv\").textContent=imV+\" (target: 800 KB)\";document.getElementById(\"lb-tv\").textContent=tV+\" (target: 1500 KB)\";}<\/script><\/p>\n<h2>Les budgets de performance permettent de faire respecter la discipline.<\/h2>\n<p>L&#039;\u00e9tablissement de budgets au niveau de la cat\u00e9gorie (300 Ko JS, 800 Ko images, 1,5 Mo au total) oblige chaque \u00e9quipe qui ajoute du poids \u00e0 faire un compromis.<\/p>\n<h2>Foire aux questions<\/h2>\n<p><strong>Ces budgets sont-ils r\u00e9alistes ?<\/strong><br \/>Les sites de commerce \u00e9lectronique modernes atteignent g\u00e9n\u00e9ralement 1,5 Mo au total. Les tableaux de bord SaaS sont plus volumineux (2 \u00e0 3 Mo).<\/p>\n<div class=\"rt-cta\">\n<h3 style=\"margin:0 0 6px\">Vous souhaitez un audit des indicateurs cl\u00e9s de performance web et de la vitesse\u00a0?<\/h3>\n<p style=\"margin:0;opacity:.95\">L&#039;agence Riman propose des services de r\u00e9f\u00e9rencement technique et d&#039;optimisation des performances.<\/p>\n<p><a href=\"\/fr\/contact\/\">Obtenez un audit de vitesse<\/a><\/div>","protected":false},"excerpt":{"rendered":"<p>Page Load Budget Calculator Compute total page weight from images, scripts, fonts, and HTML \u2014 and see whether your page meets Core Web Vitals budget targets. Asset Sizes HTML weight (KB)CSS weight (KB)JavaScript weight (KB)Images weight (KB)Fonts weight (KB)Check Budget Budget Status \u2014 Run check Total page weight\u2014 JS budget verdict\u2014 Image budget verdict\u2014 Total [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4761","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Page Load Budget Calculator - Riman Agency<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rimanagency.com\/fr\/page-load-budget-calculator\/\" \/>\n<meta property=\"og:locale\" content=\"fr_CA\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Page Load Budget Calculator - Riman Agency\" \/>\n<meta property=\"og:description\" content=\"Page Load Budget Calculator Compute total page weight from images, scripts, fonts, and HTML \u2014 and see whether your page meets Core Web Vitals budget targets. Asset Sizes HTML weight (KB)CSS weight (KB)JavaScript weight (KB)Images weight (KB)Fonts weight (KB)Check Budget Budget Status \u2014 Run check Total page weight\u2014 JS budget verdict\u2014 Image budget verdict\u2014 Total [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rimanagency.com\/fr\/page-load-budget-calculator\/\" \/>\n<meta property=\"og:site_name\" content=\"Riman Agency\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rimanagency.com\\\/page-load-budget-calculator\\\/\",\"url\":\"https:\\\/\\\/rimanagency.com\\\/page-load-budget-calculator\\\/\",\"name\":\"Page Load Budget Calculator - Riman Agency\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rimanagency.com\\\/#website\"},\"datePublished\":\"2026-05-09T10:17:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/rimanagency.com\\\/page-load-budget-calculator\\\/#breadcrumb\"},\"inLanguage\":\"fr-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rimanagency.com\\\/page-load-budget-calculator\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/rimanagency.com\\\/page-load-budget-calculator\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/rimanagency.com\\\/home\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Page Load Budget Calculator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rimanagency.com\\\/#website\",\"url\":\"https:\\\/\\\/rimanagency.com\\\/\",\"name\":\"Riman Agency\",\"description\":\"A Full Service Digital Marketing Agency\",\"publisher\":{\"@id\":\"https:\\\/\\\/rimanagency.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rimanagency.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-CA\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/rimanagency.com\\\/#organization\",\"name\":\"Riman Agency\",\"url\":\"https:\\\/\\\/rimanagency.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-CA\",\"@id\":\"https:\\\/\\\/rimanagency.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/rimanagency.com\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/RIMANagency-all-logos-1-2.png\",\"contentUrl\":\"https:\\\/\\\/rimanagency.com\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/RIMANagency-all-logos-1-2.png\",\"width\":694,\"height\":211,\"caption\":\"Riman Agency\"},\"image\":{\"@id\":\"https:\\\/\\\/rimanagency.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Page Load Budget Calculator - Riman Agency","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rimanagency.com\/fr\/page-load-budget-calculator\/","og_locale":"fr_CA","og_type":"article","og_title":"Page Load Budget Calculator - Riman Agency","og_description":"Page Load Budget Calculator Compute total page weight from images, scripts, fonts, and HTML \u2014 and see whether your page meets Core Web Vitals budget targets. Asset Sizes HTML weight (KB)CSS weight (KB)JavaScript weight (KB)Images weight (KB)Fonts weight (KB)Check Budget Budget Status \u2014 Run check Total page weight\u2014 JS budget verdict\u2014 Image budget verdict\u2014 Total [&hellip;]","og_url":"https:\/\/rimanagency.com\/fr\/page-load-budget-calculator\/","og_site_name":"Riman Agency","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/rimanagency.com\/page-load-budget-calculator\/","url":"https:\/\/rimanagency.com\/page-load-budget-calculator\/","name":"Page Load Budget Calculator - Riman Agency","isPartOf":{"@id":"https:\/\/rimanagency.com\/#website"},"datePublished":"2026-05-09T10:17:19+00:00","breadcrumb":{"@id":"https:\/\/rimanagency.com\/page-load-budget-calculator\/#breadcrumb"},"inLanguage":"fr-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rimanagency.com\/page-load-budget-calculator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/rimanagency.com\/page-load-budget-calculator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/rimanagency.com\/home\/"},{"@type":"ListItem","position":2,"name":"Page Load Budget Calculator"}]},{"@type":"WebSite","@id":"https:\/\/rimanagency.com\/#website","url":"https:\/\/rimanagency.com\/","name":"Agence Riman","description":"Une agence de marketing num\u00e9rique \u00e0 service complet","publisher":{"@id":"https:\/\/rimanagency.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rimanagency.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-CA"},{"@type":"Organization","@id":"https:\/\/rimanagency.com\/#organization","name":"Agence Riman","url":"https:\/\/rimanagency.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-CA","@id":"https:\/\/rimanagency.com\/#\/schema\/logo\/image\/","url":"https:\/\/rimanagency.com\/wp-content\/uploads\/2022\/02\/RIMANagency-all-logos-1-2.png","contentUrl":"https:\/\/rimanagency.com\/wp-content\/uploads\/2022\/02\/RIMANagency-all-logos-1-2.png","width":694,"height":211,"caption":"Riman Agency"},"image":{"@id":"https:\/\/rimanagency.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/rimanagency.com\/fr\/wp-json\/wp\/v2\/pages\/4761","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rimanagency.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rimanagency.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rimanagency.com\/fr\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/rimanagency.com\/fr\/wp-json\/wp\/v2\/comments?post=4761"}],"version-history":[{"count":0,"href":"https:\/\/rimanagency.com\/fr\/wp-json\/wp\/v2\/pages\/4761\/revisions"}],"wp:attachment":[{"href":"https:\/\/rimanagency.com\/fr\/wp-json\/wp\/v2\/media?parent=4761"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}