WebPagetest Forums

Full Version: How to optimize start render time?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
First of all, happy new year to all front end developers and thanks for this invaluable tool !

I've just made a new redesign of one of my wesites, ie http://www.auto-concession.fr with responsive design.

I try to optimize with just one js, one css and one webfont, for all browsers but I'm not satisfied with the result, specially start render time. The 4 resources are downloaded in 0,45s but the start render time is 0,92s.

How can I optimize it? Is there something that block the render?
I put the js at bottom, is it useful to add async attribute?

Here is a test result with IE8:
http://www.webpagetest.org/result/150107_GB_HE5/


Thanks in adavnce for all your advices!
Hi allogarage. Happy New Year to you as well,

A Start Render time of .92s is actually really good (1 to 2 seconds being the standard for "good").

That said, you could probably whittle that down a bit by inlining the CSS file. There's not a tremendous amount of CSS there, so I would A/B test 2 different scenarios (and make use of the best one, if there is a difference to be had):
1.) Inlining the entire CSS file into the HTML; and
2.) Inlining only critical "above-the-fold" CSS and defer the rest.

Your site's critical CSS would look something like so (minified):
Code:
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}img{border:0;-ms-interpolation-mode:bicubic}input{margin:0;font-size:100%;vertical-align:middle}input{*overflow:visible;line-height:normal}input::-moz-focus-inner{padding:0;border:0}@media print{*{text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important}a{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}a[href^="#"]:after{content:""}img{page-break-inside:avoid}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;color:#322;background-color:#fff}a{color:#406e85;text-decoration:none}[class*="span"]{float:left;min-height:1px;margin-left:20px}.container{width:940px}.span8{width:620px}.span4{width:300px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.127659574468085%;*margin-left:2.074468085106383%}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .span8{width:65.95744680851064%;*width:65.90425531914893%}.row-fluid .span4{width:31.914893617021278%;*width:31.861702127659576%}.container{margin-right:auto;margin-left:auto;*zoom:1}.container:before,.container:after{display:table;content:"";line-height:0}.container:after{clear:both}p{margin:0 0 10px}strong{font-weight:bold}h1,h2,h3,h4{margin:10px 0;font-family:inherit;font-weight:bold;line-height:20px;color:inherit;text-rendering:optimizelegibility}h1,h2,h3{line-height:40px}h1{font-size:38.5px}h2{font-size:31.5px}h3{font-size:24.5px}h4{font-size:17.5px}ul,ol{padding:0;margin:0 0 10px 25px}li{line-height:20px}ul.inline{margin-left:0;list-style:none}ul.inline>li{display:inline-block;*display:inline;*zoom:1;padding-left:5px;padding-right:5px}form{margin:0 0 20px}input{font-size:14px;font-weight:normal;line-height:20px}input{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}input[type="text"]{display:inline-block;height:20px;padding:4px 6px;margin-bottom:10px;font-size:14px;line-height:20px;color:#555;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;vertical-align:middle}input{width:206px}input[type="text"]{background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}input:-moz-placeholder{color:#999}input:-ms-input-placeholder{color:#999}input::-webkit-input-placeholder{color:#999}input{margin-left:0}input.search-query{padding-right:14px;padding-right:4px \9;padding-left:14px;padding-left:4px \9;margin-bottom:0;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}[class^="icon-"],[class*=" icon-"]{display:inline-block;width:14px;height:14px;*margin-right:.3em;line-height:14px;vertical-align:text-top;background-image:url("../img/glyphicons-halflings.png");background-position:14px 14px;background-repeat:no-repeat;margin-top:1px}.icon-search{background-position:-48px 0}.collapse{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;-moz-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}.btn{display:inline-block;*display:inline;*zoom:1;padding:4px 12px;margin-bottom:0;font-size:14px;line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;color:#322;text-shadow:0 1px 1px rgba(255,255,255,0.75);background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',en​dColorstr='#ffe6e6e6',GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#e6e6e6;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #ccc;*border:0;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*margin-left:.3em;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.btn:first-child{*margin-left:0}.navbar{overflow:visible;margin-bottom:20px;*position:relative;*z-index:2}.navbar-inner{min-height:40px;padding-left:20px;padding-right:20px;background-color:#2f3436;background-image:-moz-linear-gradient(top,#34393b,#282c2d);background-image:-webkit-gradient(linear,0 0,0 100%,from(#34393b),to(#282c2d));background-image:-webkit-linear-gradient(top,#34393b,#282c2d);background-image:-o-linear-gradient(top,#34393b,#282c2d);background-image:linear-gradient(to bottom,#34393b,#282c2d);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff34393b',en​dColorstr='#ff282c2d',GradientType=0);border:1px solid #0b0c0d;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.065);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.065);box-shadow:0 1px 4px rgba(0,0,0,0.065);*zoom:1}.navbar-inner:before,.navbar-inner:after{display:table;content:"";line-height:0}.navbar-inner:after{clear:both}.navbar .container{width:auto}.nav-collapse.collapse{height:auto;overflow:visible}.navbar .brand{float:left;display:block;padding:10px 20px 10px;margin-left:-20px;font-size:20px;font-weight:200;color:#777;text-shadow:0 1px 0 #34393b}.navbar .btn{margin-top:5px}.navbar-search{position:relative;float:left;margin-top:5px;margin-bottom:0}.navbar-search .search-query{margin-bottom:0;padding:4px 14px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:1;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}.navbar .btn-navbar{display:none;float:right;padding:7px 10px;margin-left:5px;margin-right:5px;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#232728;background-image:-moz-linear-gradient(top,#282c2d,#1c1f20);background-image:-webkit-gradient(linear,0 0,0 100%,from(#282c2d),to(#1c1f20));background-image:-webkit-linear-gradient(top,#282c2d,#1c1f20);background-image:-o-linear-gradient(top,#282c2d,#1c1f20);background-image:linear-gradient(to bottom,#282c2d,#1c1f20);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff282c2d',en​dColorstr='#ff1c1f20',GradientType=0);border-color:#1c1f20 #1c1f20 #000;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#1c1f20;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.075);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.075)}.carousel{position:relative;margin-bottom:20px;line-height:1}.carousel-inner{overflow:hidden;width:100%;position:relative}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;-moz-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img{display:block;line-height:1}.carousel-inner>.active{display:block}.carousel-inner>.active{left:0}.carousel-indicators{position:absolute;top:15px;right:15px;z-index:5;margin:0;list-style:none}.carousel-indicators li{display:block;float:left;width:10px;height:10px;margin-left:5px;text-indent:-999px;background-color:#ccc;background-color:rgba(255,255,255,0.25);border-radius:5px}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;left:0;right:0;bottom:0;padding:15px;background:#322;b​ackground:rgba(0,0,0,0.75)}.carousel-caption p{color:#fff;line-height:20px}.carousel-caption p{margin-bottom:0}body{background:white;background-repeat:repeat-x;background-image:url('../images/top_gradient.png');margin:0}#wrapper{max-width:974px;margin:16px auto 0}a{color:#406e85}ul.menu_accueil{list-style:none outside none}.menu_accueil li{margin:0 1px 0 0;list-style:none outside none}.menu_accueil a{color:#2d3133;display:block;font-size:10px;padding:6px 8px 6px 9px;text-decoration:none;text-transform:uppercase;background-color:#fff;-moz-border-radius:5px;border-radius:5px}#top-spacer{height:20px}.navbar .brand{text-transform:uppercase;font-weight:normal}.alternative{color:#fff}#nav{z-index:900}.navbar-search .search-query{font-family:FontAwesome,"Helvetica Neue",Helvetica,Arial,sans-serif}#carousel{position:relative;height:0;overflow:hidden;background-color:#fafafa;padding-bottom:30.80%;max-width:974px}.carousel-caption{background-color:#d8e8e8;padding:7px}.carousel-caption p{color:#7e9ba9;text-transform:uppercase;font-size:14px}.carousel img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}.carousel img{max-width:100%!important}h1{font-size:17px;text-transform:uppercase}h2{font-size:14px;line-height:17px;font-style:italic;font-weight:normal}ul.icons-ul{margin-bottom:13px;margin-top:13px}ul.icons-ul li{padding-bottom:8px}.bloc_right{background-color:#f7f7f7;border:1px solid #d1d4d3;border-radius:5px;color:#929495;margin-top:10px;padding:10px}.bloc_right h3{color:#34393b;font-size:10px;text-transform:uppercase;line-height:15px}.bloc_right h4{font-size:13px;margin:0}#nav .container{max-width:950px}#nav{max-width:974px;margin-left:auto;margin-right:auto}@media(min-width:768px) and (max-width:979px){body{padding-left:10px;padding-right:10px}}@media(max-width:767px){.navbar-search .search-query{width:156px}ul.menu_accueil{display:none}}@media(max-width:480px){.navbar-search .search-query{width:180px}.navbar .brand{font-size:19px}#body{padding-left:10px;padding-right:10px}h1{font-size:14px}}img{border:0;-ms-interpolation-mode:bicubic}input{margin:0;font-size:100%;vertical-align:middle}input{*overflow:visible;line-height:normal}input::-moz-focus-inner{padding:0;border:0}@media print{*{text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important}a{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}a[href^="#"]:after{content:""}img{page-break-inside:avoid}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;color:#322;background-color:#fff}a{color:#406e85;text-decoration:none}[class*="span"]{float:left;min-height:1px;margin-left:20px}.container{width:940px}.span8{width:620px}.span4{width:300px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.127659574468085%;*margin-left:2.074468085106383%}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .span8{width:65.95744680851064%;*width:65.90425531914893%}.row-fluid .span4{width:31.914893617021278%;*width:31.861702127659576%}.container{margin-right:auto;margin-left:auto;*zoom:1}.container:before,.container:after{display:table;content:"";line-height:0}.container:after{clear:both}p{margin:0 0 10px}strong{font-weight:bold}h1,h2,h3,h4{margin:10px 0;font-family:inherit;font-weight:bold;line-height:20px;color:inherit;text-rendering:optimizelegibility}h1,h2,h3{line-height:40px}h1{font-size:38.5px}h2{font-size:31.5px}h3{font-size:24.5px}h4{font-size:17.5px}ul,ol{padding:0;margin:0 0 10px 25px}li{line-height:20px}ul.inline{margin-left:0;list-style:none}ul.inline>li{display:inline-block;*display:inline;*zoom:1;padding-left:5px;padding-right:5px}form{margin:0 0 20px}input{font-size:14px;font-weight:normal;line-height:20px}input{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}input[type="text"]{display:inline-block;height:20px;padding:4px 6px;margin-bottom:10px;font-size:14px;line-height:20px;color:#555;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;vertical-align:middle}input{width:206px}input[type="text"]{background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}input:-moz-placeholder{color:#999}input:-ms-input-placeholder{color:#999}input::-webkit-input-placeholder{color:#999}input{margin-left:0}input.search-query{padding-right:14px;padding-right:4px \9;padding-left:14px;padding-left:4px \9;margin-bottom:0;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}[class^="icon-"],[class*=" icon-"]{display:inline-block;width:14px;height:14px;*margin-right:.3em;line-height:14px;vertical-align:text-top;background-image:url("../img/glyphicons-halflings.png");background-position:14px 14px;background-repeat:no-repeat;margin-top:1px}.icon-search{background-position:-48px 0}.collapse{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;-moz-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}.btn{display:inline-block;*display:inline;*zoom:1;padding:4px 12px;margin-bottom:0;font-size:14px;line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;color:#322;text-shadow:0 1px 1px rgba(255,255,255,0.75);background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',en​dColorstr='#ffe6e6e6',GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#e6e6e6;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #ccc;*border:0;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*margin-left:.3em;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.btn:first-child{*margin-left:0}.navbar{overflow:visible;margin-bottom:20px;*position:relative;*z-index:2}.navbar-inner{min-height:40px;padding-left:20px;padding-right:20px;background-color:#2f3436;background-image:-moz-linear-gradient(top,#34393b,#282c2d);background-image:-webkit-gradient(linear,0 0,0 100%,from(#34393b),to(#282c2d));background-image:-webkit-linear-gradient(top,#34393b,#282c2d);background-image:-o-linear-gradient(top,#34393b,#282c2d);background-image:linear-gradient(to bottom,#34393b,#282c2d);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff34393b',en​dColorstr='#ff282c2d',GradientType=0);border:1px solid #0b0c0d;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.065);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.065);box-shadow:0 1px 4px rgba(0,0,0,0.065);*zoom:1}.navbar-inner:before,.navbar-inner:after{display:table;content:"";line-height:0}.navbar-inner:after{clear:both}.navbar .container{width:auto}.nav-collapse.collapse{height:auto;overflow:visible}.navbar .brand{float:left;display:block;padding:10px 20px 10px;margin-left:-20px;font-size:20px;font-weight:200;color:#777;text-shadow:0 1px 0 #34393b}.navbar .btn{margin-top:5px}.navbar-search{position:relative;float:left;margin-top:5px;margin-bottom:0}.navbar-search .search-query{margin-bottom:0;padding:4px 14px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:1;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}.navbar .btn-navbar{display:none;float:right;padding:7px 10px;margin-left:5px;margin-right:5px;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#232728;background-image:-moz-linear-gradient(top,#282c2d,#1c1f20);background-image:-webkit-gradient(linear,0 0,0 100%,from(#282c2d),to(#1c1f20));background-image:-webkit-linear-gradient(top,#282c2d,#1c1f20);background-image:-o-linear-gradient(top,#282c2d,#1c1f20);background-image:linear-gradient(to bottom,#282c2d,#1c1f20);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff282c2d',en​dColorstr='#ff1c1f20',GradientType=0);border-color:#1c1f20 #1c1f20 #000;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#1c1f20;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.075);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.075)}.carousel{position:relative;margin-bottom:20px;line-height:1}.carousel-inner{overflow:hidden;width:100%;position:relative}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;-moz-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img{display:block;line-height:1}.carousel-inner>.active{display:block}.carousel-inner>.active{left:0}.carousel-indicators{position:absolute;top:15px;right:15px;z-index:5;margin:0;list-style:none}.carousel-indicators li{display:block;float:left;width:10px;height:10px;margin-left:5px;text-indent:-999px;background-color:#ccc;background-color:rgba(255,255,255,0.25);border-radius:5px}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;left:0;right:0;bottom:0;padding:15px;background:#322;b​ackground:rgba(0,0,0,0.75)}.carousel-caption p{color:#fff;line-height:20px}.carousel-caption p{margin-bottom:0}body{background:white;background-repeat:repeat-x;background-image:url('../images/top_gradient.png');margin:0}#wrapper{max-width:974px;margin:16px auto 0}a{color:#406e85}ul.menu_accueil{list-style:none outside none}.menu_accueil li{margin:0 1px 0 0;list-style:none outside none}.menu_accueil a{color:#2d3133;display:block;font-size:10px;padding:6px 8px 6px 9px;text-decoration:none;text-transform:uppercase;background-color:#fff;-moz-border-radius:5px;border-radius:5px}#top-spacer{height:20px}.navbar .brand{text-transform:uppercase;font-weight:normal}.alternative{color:#fff}#nav{z-index:900}.navbar-search .search-query{font-family:FontAwesome,"Helvetica Neue",Helvetica,Arial,sans-serif}#carousel{position:relative;height:0;overflow:hidden;background-color:#fafafa;padding-bottom:30.80%;max-width:974px}.carousel-caption{background-color:#d8e8e8;padding:7px}.carousel-caption p{color:#7e9ba9;text-transform:uppercase;font-size:14px}.carousel img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}.carousel img{max-width:100%!important}h1{font-size:17px;text-transform:uppercase}h2{font-size:14px;line-height:17px;font-style:italic;font-weight:normal}ul.icons-ul{margin-bottom:13px;margin-top:13px}ul.icons-ul li{padding-bottom:8px}.bloc_right{background-color:#f7f7f7;border:1px solid #d1d4d3;border-radius:5px;color:#929495;margin-top:10px;padding:10px}.bloc_right h3{color:#34393b;font-size:10px;text-transform:uppercase;line-height:15px}.bloc_right h4{font-size:13px;margin:0}#nav .container{max-width:950px}#nav{max-width:974px;margin-left:auto;margin-right:auto}@media(min-width:768px) and (max-width:979px){body{padding-left:10px;padding-right:10px}}@media(max-width:767px){.navbar-search .search-query{width:156px}ul.menu_accueil{display:none}}@media(max-width:480px){.navbar-search .search-query{width:180px}.navbar .brand{font-size:19px}#body{padding-left:10px;padding-right:10px}h1{font-size:14px}}/*!

Best,
AJ
Managing Partner
WpFASTER
Thanks for your answer.

I try to find where there's a problem and found something with webfont. Previously I used CSS sprite to display icons, and now I use font awesome. I only need 8 icons so I try icomoon tool and put the font inline CSS. The CSS is now even smaller!

Now start render is 0.5s and I think there's a timeout in Chrome and other to not start before 0.5s
Your site's Start Render time is now truly impressive from just about any location in Europe! Even here in the U.S.A it is really, really good regardless of the latency applied.

That said, you really should try the A/B scenario I recommended and make use of the best one, if there is a difference to be had:
1.) Inlining the entire CSS file into the HTML; and
2.) Inlining only critical "above-the-fold" CSS and defer the rest.

Do this, and your site will be as fast as it can possibly be.

Best,
AJ
Managing Partner
WpFASTER
Reference URL's