Avoid large inlined Stylesheets and Javascript

Rule from inspect under performance category

What is a trooper!

we have submitted your edit to the community for review! We'll review and make it live on the site in the next few hours, the internet thanks you :).

Browse another section of the knowledge base



Suggest an edit

Cancel

This rule has no content... yet.

Add content to this rule

Or just browse to view rules that have content



 

Inlined Stylesheets and Javascript are a great way to reduce the amount of requests that needs to be opened for a page to render. The drawback is that they increase the size of the page that will need to be returned from the server everytime.

Keeping the inlined blocks are important to avoid sending data on each request. If the block is too big a external file that could take advantage of caching by the browsers would allow for quick lookups on subsequent page requests.

How do I fix this ?

Move large inlined blocks to a seperate external file that can be cached by browsers.

Resources

Browse another section of the knowledge base



Signup icon
Ready to see how well your site scores?

Passmarked works best when you have an account. It allows you to keep a dashboard with saved data of the sites you have run through the system, we’ll alert you about important updates and you get access to the Passmarked Slack forum.

Sign up to get started