Code Fix & Optimization based on Google Lighthouse

Lighthouse is an open-source, automated tool for improving the quality of web pages. You can run it against any web page, public or requiring authentication. It has audits for performance, accessibility, progressive web apps, and more.

https://developers.google.com/web/tools/lighthouse

Change all <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> to <!DOCTYPE html>

Change <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" /> to <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=5.0" /> in mobile template

Add <meta name="viewport" content="width=970"> in desktop template header

Add rel="noopener" to all external links

Leave a Reply

Your email address will not be published. Required fields are marked *