Current time: 12-15-2019, 11:04 PM Hello There, Guest! (LoginRegister)

Post Reply 
 
Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
CSS and JS Bundles are useful, yeah ?
04-09-2014, 10:24 PM (This post was last modified: 04-09-2014 10:26 PM by Funkerman88.)
Post: #1
CSS and JS Bundles are useful, yeah ?
Hi, WPO community I found out a very nasty thing.


CSS and JS bundles makes nothing for performance, I will say more, bundling CSS files into a one file - makes worse render time =((((

one with 73 assets -no bundles
one with 22 assets -bundles


you will see absolutely no difference ((((((((((((( I am very disappointed

http://www.webpagetest.org/video/view.ph...56e&data=1
Find all posts by this user
Quote this message in a reply
04-10-2014, 12:40 AM
Post: #2
RE: CSS and JS Bundles are useful, yeah ?
In your case, the bundled got the main image up to the screen a lot faster: http://www.webpagetest.org/video/compare...end=visual (1/2 a second or so).

That said, there's a lot of blocking behavior going on that shouldn't be (like the js isn't being downloaded while the css is). Are you loading the js directly through script tags or are you using inline js to generate the script src urls? It's hard to say without seing the page source but it looks like the resources are hidden from the preload scanner (or it could be an IE 8 thing).
Visit this user's website Find all posts by this user
Quote this message in a reply
04-10-2014, 12:40 AM
Post: #3
RE: CSS and JS Bundles are useful, yeah ?
Also, if you have an IE conditional comment in the code then that may be causing the blocking behavior.
Visit this user's website Find all posts by this user
Quote this message in a reply
04-10-2014, 01:49 AM
Post: #4
RE: CSS and JS Bundles are useful, yeah ?
Thanks for answering

We have slightly changed the order of guys in waterfall

Here is what we have on demo server http://www.webpagetest.org/video/compare...db-r:1-c:0

Tonight we deploy bunch of performance improvements
what we did:

-sprites
-inline background images
-bundles CSS and JS
-lazy load images
-inline js and css
-compress image size
-dns prefetching
-partly deferring of Js (libs are in header, out js deffred on Onload event)
- deffer on 3dparties
- memcache on backend
Find all posts by this user
Quote this message in a reply
04-10-2014, 02:51 PM
Post: #5
RE: CSS and JS Bundles are useful, yeah ?
Results of optimization on live - Though we have not added optimized images in production yet (
http://www.webpagetest.org/video/view.ph...43b&data=1
Find all posts by this user
Quote this message in a reply
04-11-2014, 02:58 AM
Post: #6
RE: CSS and JS Bundles are useful, yeah ?
Nice. I'm willing to bet the the blocking behavior you are seeing with the css is because of the IE conditional comments. If you put an empty conditional comment up before any of your external links in the head it should eliminate it and get the images loading sooner. It's a bizarre hack but very effective for IE.

Here's an oldie but goodie article on it: http://www.phpied.com/conditional-commen...downloads/
Visit this user's website Find all posts by this user
Quote this message in a reply
Post Reply 


Forum Jump:


User(s) browsing this thread: 1 Guest(s)