Load all CSS and JavaScript in the footer | ww.wp.xz.cn

Resolved 9itish
(@9itish)

5 years, 11 months ago

Hi,

Is there any way to load all JavaScript and CSS in the footer of a webpage using LiteSpeed?

I have moved the stylesheets like font awesome and a couple of JavaScript libraries to footer.php in my theme. However, the optimized page still loads these scripts in the header.

Viewing 4 replies - 1 through 4 (of 4 total)

Plugin Support Hai Zheng⚡
(@hailite)

5 years, 11 months ago

To do that, you have to hook to filter litespeed_buffer_after (Since v3.2.3.2+) and parse the JS/CSS, move them to footer.

Thread Starter 9itish
(@9itish)

5 years, 11 months ago

Thanks @hailite 🙂

Could you please point me to some documentation about this hook? I tried searching on Google but couldn’t find anything.

I also read somewhere that LiteSpeed is working on a lighter version of the crawler that can be run by website owners. I had a suggestion for that. May be it could just crawl the most popular 50 or 100 pages of the website on a regular basis. This will prevent the server from getting overloaded and still serve a lot of visitors.

Plugin Support Hai Zheng⚡
(@hailite)

5 years, 11 months ago

Its new added. The doc will be ready soon and we will update here again for the link.

For now you can check https://github.com/litespeedtech/lscache_wp/pull/243. It is a good example.

Joshua Reynolds
(@technisolutions)

5 years, 11 months ago

The buffer modification hooks have been added to the API documentation.

Also, there are lots of settings to customize & limit how the crawler runs.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Load all CSS and JavaScript in the footer’ is closed to new replies.

Tags

page optimization

4 replies
3 participants
Last reply from: Joshua Reynolds
Last activity: 5 years, 11 months ago
Status: resolved