Can the CSS/JS files be trimmed?

I have nailed down pretty much everything to make the site more efficient. Any scans I run on the site come back green except for page weight. The CSS and JS files are over 1mb combined, even after they have both been minified. Has anyone had success in reducing the size of these files without breaking the site? Would it not make more sense for the developer to offer something similar to jquery UI where you can pick the parts you need and get a reduced file size.

I have a cache plugin and cloudflare to help, but at the end of the day 1.5mb is too big for a single page. I need to cut off the excess. Anyone else had and solved this issue?

• This topic was modified 10 years by dano1066.

Hi

You can enable gzip compression to reduce the resource size loaded by the theme. For more detail in this regard you can check our page-speed documentation: https://forum.tagdiv.com/how-to-make-the-site-faster/ Also minifing these resources by using cdn it may help: https://forum.tagdiv.com/cloudflare-cdn/

We decided to keep all css/js code in single files to limit the requests made by the theme to server. For example if we divide the css in five files could appear some of these situations:
– on a simple page it may be required only one file which will be loaded very fast and its size it’s also very low. This is a good thing.
– on a complex page with many elements on it most likely will be required all five css files. That means five requests to the server instead of one. This may not be a big issue on sites with low traffic but if a site hit let’s say 10000 visitors per day this will be a big issue.

Thanks!

I have done everything that is possible to reduce the page load speed. The render blocking js/css is the only thing that is holding back the google page speed. There is nothing left for me to do other than reduce the size of the css and JS files. I definitely understand the advantage of limiting the requests, but it wouldnt hurt to give us some options. I use the same blog theme on every page and im quite happy with this. the page size is the only issue i have left with this theme. i want to do every last thing i can to make it run better

Hi

I’ve checked your site with google page speed tool and hits a good score: http://screencast.com/t/ihro9rVcru8t However it can be improved by moving jqery resources to footer by using theme’s Speed Booster plugin. You can also move theme’s css but in that situation there will be a little delay with the style.
Here you can find some useful information regarding Speed Booster usage: https://forum.tagdiv.com/topic/mobile-view-problem-3/ Also you can improve the loading speed using mysql query cache: http://dev.mysql.com/doc/refman/5.1/en/query-cache.html we also use it on our demo.

Thanks!

i can get the desktop load speed to move up to 88 after i install the speed booster plugin, but i still get issues. The first is a javascript error which breaks the lazy load and also breaks the posts what use the large backdrop.

(index):1153 Uncaught ReferenceError: tdAjaxCount is not defined

I also cant seem to get the main theme style.css to move to the footer even when i add the item to the speed booster plugin which is why i want to just reduce its size. It i can bring it down to 100kb or so it will take a lot of the pain away.

Allow me to join the conversation…

This is one of the trade off using commercial wordpress template.. theme developer provide a lot of feature, but perhaps you only use 20-30% of them. Is there any solution ? yes, you will rely on several plugin to optimize your site:

1. Gonzales WordPress plugin, i use it to exclude script and css in a specific pages. Do you realize that if you use COntact Form 7, the script will get loaded on every page of your site.. that’s absurbs

2. Unused-css.com. It will browse your site both in desktop and responsive to find unused css selector.. for my site using visual composer, it reduce 83% of total file… for newspaper it reduce 30%, and newspaper ships with unminified CSS, so you can have extra kb on that

3. Cache Plugin. this is the real booster begin, i’m using WP-Rocket.. it support for page cache, gzip compression, defer javascript support, combine and minify script… really a major requirement when you need to speed up your site.

Is all 3 100% reliable, not really.. first you need to backup and then you need to test your front end, and make sure all of this three improved your site speed to the max.

Last but not least, your server resource also matter.. don’t expect to have good performance with low quality of server (especially shared one).

Good luck

• This reply was modified 10 years by admindoxa.