Mateo Calle
@Mathius17
The BBC found they lost an additional 10% of users for every additional second their site took to load.
DoubleClick by Google found 53% of mobile site visits were abandoned if a page took longer than 3 seconds to load.
Consider that Google once experienced a 20% drop in traffic because of an extra .5 seconds in load time.
60% of the data transferred to fetch a web page is images composed of JPEGs, PNGs and GIFs. As of July 2017, images accounted for 1.7MB of the content loaded for the 3.0MB average site.
- HTTP Archive
<img srcset="elva-fairy-320w.jpg 320w,
elva-fairy-480w.jpg 480w,
elva-fairy-800w.jpg 800w"
sizes="(max-width: 320px) 280px,
(max-width: 480px) 440px,
800px"
src="elva-fairy-800w.jpg" alt="Elva dressed as a fairy">
Don't (bad reference)
https://catalogofloravalleaburra.eia.edu.co/species/scientific-name
Do (good reference)
https://www.merckgroup.com/en/company/who-we-are/history.html
Old logo:
14000 bytes (14kb)
New logo:
305 bytes
It's another whole topic so we'll skip it...
Best advice? Just use an external hosting platform
Compression is the process of encoding information using fewer bits.
Some file formats which are implicitly compressed (e.g., JPEG, PNG, GIF, WOFF, et cetera) don't respond to compression because they're already compressed
spdy
Use cache busting techniques
HTTP Cache Headers
https://www.keycdn.com/blog/http-cache-headers
Cache busting
https://www.keycdn.com/support/what-is-cache-busting
Eliminating unnecessary data always yields the best results
White space characters
New line characters
Comments
Block delimiters
Rename variables
Tree shaking or dead code elimination means that unused modules will not be included in the final bundle
Home
Profile
Home
Profile
then
Is a script that your browser runs in the background, separate from a web page.