Web Pages Optimization: Difference between revisions
Jump to navigation
Jump to search
m (→Auditing tools) |
No edit summary |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
== Overview == | == Overview == | ||
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 == | ||
* [https://gtmetrix.com/ GTmetrix] - Provide a score for a URL along with a list of optimizations to perform. | * [https://gtmetrix.com/ GTmetrix] - Provide a score for a URL along with a list of optimizations to perform. | ||
* [http://www.crazyegg.com/ crazyegg] - Subscription-based heatmapping utility. | |||
* [http://usabilitytools.com/ UsabilityTools] - Subscription-based analytics with focus on bounce rates. | |||
== Notes == | == Notes == | ||
| Line 16: | Line 30: | ||
=== References === | === References === | ||
<references /> | <references /> | ||
[[Category:Web Development]][[Category:Analytics]] | |||
Latest revision as of 14:27, 22 December 2024
Overview[edit]
Notes on web page optimization best practices and tools for implementing and auditing web page performance.
Considerations[edit]
- 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[edit]
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[edit]
- GTmetrix - Provide a score for a URL along with a list of optimizations to perform.
- crazyegg - Subscription-based heatmapping utility.
- UsabilityTools - Subscription-based analytics with focus on bounce rates.
Notes[edit]
External links[edit]
- Caching, Google Developers