[Passmarked] Johann du Toit suggested a edit #8
Description
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