How to not turn your website into a 💩

One of the quickest wins, sometimes with a tremendous impact, is image optimization.

• Compress images.
  Use a tool in the list below to reduce file sizes.
• Size images correctly.
  If you display an image in 300 × 150, serve it in 300 × 150.
• Serve responsive images.
  Serve different image sizes to different devices.

Tools and articles

• Tinyjpg (Compression)
• Imageoptim (Compression)
• Imagemin (Compression)
• Responsive images on MDN
• Photopea - online image editing
• Efficiently encode images

Wait! Hear me out! I know that you can write HTML, but there’s a difference between understanding the language and being able to write semantic markup that’s beneficial to a variety of users.

Refresh your HTML-Skills

• Beginners’ Guide To Writing Good HTML (Not just for beginners)
• HTMHell
• Upgrade Your HTML