Web Pages Optimization: Difference between revisions
Jump to navigation
Jump to search
m (→Auditing tools) |
No edit summary |
||
| Line 4: | Line 4: | ||
Notes on web page optimization best practices and tools for implementing and auditing web page performance. | Notes on web page optimization best practices and tools for implementing and auditing web page performance. | ||
== Considerations == | |||
* Add [https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/http-caching?hl=en `Cache-Control` headers] | |||
* [https://css-tricks.com/gulp-for-beginners/ Minify CSS] (scroll down to "Optimizing CSS and JavaScript files" and/or `cssnano`), also [https://www.npmjs.com/package/cssnano cssnano] | |||
* [https://gtmetrix.com/add-expires-headers.html Add `Expires` headers] | |||
* [http://www.mobify.com/blog/beginners-guide-to-http-cache-headers/ Add `Last-Modified` headers] | |||
* Specify character encoding in header | |||
== `littled_lib` utility classes == | |||
`Littled\Cache\CacheControl` | |||
Adds cache control headers to assets such as images, web fonts, stylesheets, and javascript served in a shared hosting environment where there is no access to the server settings. | |||
== Auditing tools == | == Auditing tools == | ||
Revision as of 21:24, 9 March 2016
Overview
Notes on web page optimization best practices and tools for implementing and auditing web page performance.
Considerations
- Add
Cache-Controlheaders - Minify CSS (scroll down to "Optimizing CSS and JavaScript files" and/or
cssnano), also cssnano - Add
Expiresheaders - Add
Last-Modifiedheaders - Specify character encoding in header
littled_lib utility classes
Littled\Cache\CacheControl
Adds cache control headers to assets such as images, web fonts, stylesheets, and javascript served in a shared hosting environment where there is no access to the server settings.
Auditing tools
- GTmetrix - Provide a score for a URL along with a list of optimizations to perform.
Notes
External links
- Caching, Google Developers