Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Passmarked] Johann du Toit suggested a edit #8

Open
passmarkedbot opened this issue Jul 4, 2017 · 0 comments
Open

[Passmarked] Johann du Toit suggested a edit #8

passmarkedbot opened this issue Jul 4, 2017 · 0 comments

Comments

@passmarkedbot
Copy link

A edit was suggested from the library page - https://passmarked.com/library/performance/inspect/inline.

The documentation of the rule should be in docs/inline.md

The suggested content is:

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 ?

Hello :)

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

# Resources

* [External CSS vs inline style performance difference?](http://stackoverflow.com/questions/8284365/external-css-vs-inline-style-performance-difference)
* [PageSpeed: Inline small CSS](https://gtmetrix.com/inline-small-css.html)

User agent of user: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.115 Safari/537.36

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant