大佬教程收集整理的这篇文章主要介绍了如何从main.css文件中删除关键CSS,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在努力提高页面速度.我正在使用Critical Path CSS Generator tool来识别首屏CSs.然后我内联关键CSS as suggested,并异步加载完整的CSs.
但是我最终得到了很多重复的CSS,这不是那么优化.所以我的问题是:
如何从main.css文件中删除关键的CSS?
提前致谢.
另外,要明确的是,如果您正确地遵循这种做法,网站上的每个页面都会有一组不同的首屏css,因为每个页面都有不同的内容/标签,这样就可以实现不可能从完整的外部文件中删除上面的CSS(假设您将所有CSS连接到一个文件中).
您可以阅读更多有关上述css here的实践.
如果您真的担心代码重复(尽管在这种情况下不应该这样),您可以使用COokie来跟踪用户之前是否访问过该网站.如果用户之前没有,那么你可以内联上面的CSs.如果用户以前,您可以假设用户已经拥有完整的CSS文件,并且CSS文件将从浏览器缓存中提取.
有很多关于浏览器缓存不可靠的文章,所以我的建议是你只是做你正在做的事情来满足客户的要求.
应该提到的另一件事是,一旦http / 2变得更加普遍,这种做法将基本消失,因为随后的http请求将不会像现在这样昂贵.考虑到这种做法需要的密集工具/工作量(特别是在针对http / 2的未来验证时),可能更好(我认为是)完全避免它.
以上是大佬教程为你收集整理的如何从main.css文件中删除关键CSS全部内容,希望文章能够帮你解决如何从main.css文件中删除关键CSS所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。