前端清单

这篇文章最初发表在我的个人博客上，可以在这里找到。

就在我称网站完成并放弃它之前，我想通过这些来确保一切都到位。

这是我个人列表，随着时间的推移，我知道已经有很多不同的清单，但我用我认为最有用的资源和我喜欢使用的资源做了我自己的清单。我在页面底部包含了其他类似的清单，仅供完成。

HTML和CSS

• https://github.com/joshbuchea/HEAD
• https://validator.w3.org/
• https://www.10bestdesign.com/dirtymarkup/
• https://validator.w3.org/checklink
• https://uncss-online.com/
• https://github.com/purifycss/purifycss

辅助功能检查

• https://achecker.ca/checker/index.php
• http://contrast-ratio.com/
• http://wave.webaim.org/
• https://websiteseochecker.com/html-sitemap-generator/

安全检查

• https://securityheaders.com
• https://webbkoll.dataskydd.net/en
• https://observatory.mozilla.org/
• https://letsencrypt.org/
• https://www.ssllabs.com/ssltest/index.html

图像优化

• https://github.com/imagemin/imagemin
• https://tinyjpg.com/

性能

• https://tools.pingdom.com/
• https://simplesharingbuttons.com/#intro
• https://developers.google.com/speed/pagespeed/insights/
• https://testmysite.withgoogle.com/intl/en-gb
• https://www.webpagetest.org/
• 添加延迟加载：

// Preload resources you have high-confidence  // will be used in the current page.  // Prefetch resources likely to be used for future navigations  // across multiple navigation boundaries.  ` ` 

其他清单

https://codeburst.io/the-front-end-checklist-8b2292fdda44
https://github.com/thedaviddias/Front-End-Checklist

最后的话

如果您有任何其他想要分享的技巧和资源，请尽量享受。你总是可以在twitter上ping我（我很少检查）或者毫不犹豫地用新添加的链接打开PR，我欢迎任何添加:)你可以在github上找到这篇文章。