Jump to content

Render-blocking JS and CSS this version 4.1.18.1 and .2


Adlago

Recommended Posts

Posted

After the release of 4.1.18 I noticed a sharp decrease in speed loading site.

In versions before after change loading JS before '/body' tag only render blocking was all CSS.

Now all JS and CSS render-blocking.  

I tried - I created my theme as new. There is no difference - also decrease speed. 

You have an error in this version guys ... very unpleasant. This has not happened even in 4.0.х versions ...

See how loaded your website in a mobile version / I see this for about 0.5 sec /

wp_ss_20170208_0003.thumb.jpg.d96137f630a4b56a635d41be10a8a057.jpg

There are no icons

The same mine site, and sites that I tested.

I have a feeling that instead of improvement you create worse suites ...
I am personally disappointed.:angry:

  • 3 weeks later...
Posted

Very strange...
I have a page inside which load 16 images. I use block span classes and "img src=..." In custom CSS I manage sizes for different media.

This my page there is only one CSS render-blocking  - loads very quickly ...

My home page is loaded only two images - responsive sprites / included 20 images / - all optimized. In block I load "img class...  src= data:img/png......."

This page also loads quickly, but much slower than described above.

And this is the paradox - my home page is render-blocking 7 CSS and 7 JS !!!

I did try - I added my block home page for the second block in a page with 16 images.

This new page is loaded again very quickly - and just one CSS do render-blocking. And loading 16 images and 2 responsive sprites - about 300 KB. :rofl:

I think that your developers create priority for "img src" only- all other classes are queued, and this is bad for performance.

Please comment...

 

Posted

I reworked my home page.9 images now load the more. +9 http requests .100 kb more.

But much faster loading site. And most important - just one CSS is render-blocking. I did not change templates.

See and compare the results with the old home page ...

Now

now.thumb.png.32b8472db32fc53568ae059037207ef1.png

Old home page

old.thumb.png.f9ec9708fc49a456a0199862648b11fa.png

Both pages have the same content.
It is different only way loading images.

Alone you can make sure in truth - there are links pages in the images above.

I start looking for error framework css - he is left alone ... ha ha :lol:

Posted

Hey guys, suite has a structural mess.
I just rearranged the structure loading CSS and behold, more than 24 hours a stable work my live site.

mytest.png.d11a281140ff16ea431f63f3f90e3398.png

Think more and more... suite is alive communication;)

  • 5 months later...
Posted

Render blocking CSS files how do you fix these issues

 

Theme/css_built_5/341e4a57816af3ba440d891ca87450ff_framework.css.221939a6522d5f92b2f284657272e8e5.css?v=4e52a1ea3c

Theme/css_built_5/05e81b71abe4f22d6eb8d1a929494829_responsive.css.64caeae7114b1db9a45e1c876adf5058.css?v=4e52a1ea3c

Theme/css_built_5/90eb5adf50a8c640f633d47fd7eb1778_core.css.c4f82997c1dbdf414cc5a53f18938c12.css?v=4e52a1ea3c

Theme/css_built_5/5a0da001ccc2200dc5625c3f3934497d_core_responsive.css.76da846d0acbd10571c8c461398744ee.css?v=4e52a1ea3c

Theme/css_built_5/62e269ced0fdab7e30e026f1d30ae516_forums.css.5326f18797d2ef2e28b37549cd58df63.css?v=4e52a1ea3c

Theme/css_built_5/76e62c573090645fb99a15a363d8620e_forums_responsive.css.43a71e01c939d1cb136667870e2a108f.css?v=4e52a1ea3c

Theme/css_built_5/258adbb6e4f3e83cd3b355f84e3fa002_custom.css.ff7f0ae7cea0c616717c18ba66668e43.css?v=4e52a1ea3c

Notes:

Total CSS size is too large
Too many external CSS files
Render blocking CSS files
image.png.b4e84fc51c9a1dbbe0881ad4c21a8063.png No @import calls for CSS
In element CSS found.
image.png.0c0d5cb86d4bda6b7326dd01b73452c2.png CSS files are minimized.

External CSS location

Theme/css_built_5/341e4a57816af3ba440d891ca87450ff_framework.css.221939a6522d5f92b2f284657272e8e5.css?v=4e52a1ea3c

Theme/css_built_5/258adbb6e4f3e83cd3b355f84e3fa002_custom.css.ff7f0ae7cea0c616717c18ba66668e43.css?v=4e52a1ea3c

Theme/css_built_5/05e81b71abe4f22d6eb8d1a929494829_responsive.css.64caeae7114b1db9a45e1c876adf5058.css?v=4e52a1ea3c

Theme/css_built_5/90eb5adf50a8c640f633d47fd7eb1778_core.css.c4f82997c1dbdf414cc5a53f18938c12.css?v=4e52a1ea3c

Theme/css_built_5/62e269ced0fdab7e30e026f1d30ae516_forums.css.5326f18797d2ef2e28b37549cd58df63.css?v=4e52a1ea3c

Theme/css_built_5/76e62c573090645fb99a15a363d8620e_forums_responsive.css.43a71e01c939d1cb136667870e2a108f.css?v=4e52a1ea3c

Theme/css_built_5/5a0da001ccc2200dc5625c3f3934497d_core_responsive.css.76da846d0acbd10571c8c461398744ee.css?v=4e52a1ea3c

how to fix some thing like this i have been working on this for days

  • 2 years later...
Posted
On 8/14/2017 at 8:03 PM, sweethoney said:

Render blocking CSS files

You can preload it.

On 8/14/2017 at 8:03 PM, sweethoney said:

Total CSS size is too large

That's a problem I am trying to figure out for framework.css.

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...