- Make the Web Faster
- Best Practices for Speeding Up Your Web Site
- Browser Cache Usage
- Key takeaway: Keep in mind the empty cache user experience. It might be more prevalent than you think!
- Gzip Using PHP
- Important to note: The method of adding this snippet of code
<? ob_start("ob_gzhandler"); ?>did not work when I tried it. The.htaccessmethod in the article on How To Optimize Your Site With Gzip Compression worked however.
- Important to note: The method of adding this snippet of code
- How To Optimize Your Site With Gzip Compression
- Evaluating network performance - Chrome Dev Tools
- PageSpeed Insights by Google
- YSlow
- Smush.it
- HTTP Compression Test - Web Page Content Compression Verification
- GTmetrix - Website Speed and Performance Optimization
-
Do not use PNGs when JPEGs will do. For example, if you have a photographic image then opt for the JPEG format instead. Learned this the hard way.
Case in point: JPEG (Joint Photographic Experts Group) format can produce a smaller file than PNG for photographic (and photo-like) images, since JPEG uses a lossy encoding method specifically designed for photographic image data, which is typically dominated by soft, low-contrast transitions, and an amount of noise or similar irregular structures. Using PNG instead of a high-quality JPEG for such images would result in a large increase in filesize with negligible gain in quality. In contrast, when storing images that contain text, line art, or graphics – images with sharp transitions and large areas of solid color – the PNG format can compress image data more than JPEG can. Additionally, PNG is lossless, while JPEG produces noticeable visual artifacts around high-contrast areas.
Website Performance Optimization by Udacity