How to Optimize Your HTML, CSS and Images
WEBINAR: On-demand webcast
How to Boost Database Development Productivity on Linux, Docker, and Kubernetes with Microsoft SQL Server 2017 REGISTER >
Web developers have a common goal in that they all want visitors to their sites to have a fresh, speedy experience that doesn't involve any hassles. By optimizing your site's images, HTML and CSS you can help to facilitate such an experience.
The folks at Monitis have put together a list of 30 ways you can optimize the HTML, cascading style sheets (CSS) and images on your site, speeding up the load times for your web pages. Start by compressing all the images in your website--you can set the resolution for your images to 72 dpi to start with.
Link thumbnails to larger images on your website. Figure out which formats are the most appropriate for your specific use. Combine images to save HTTP requests. When possible, use styled text instead of bandwidth-hogging graphic images. And don't scale your images using height and width parameters--use smaller versions of the images, and/or thumbnails.
For more tips be sure to check out the full article linked below: