内联是将文件内容直接包含在HTML文档中的过程:CSS文件可以内联到style元素中,JavaScript文件可以内联到script元素中:
通过打印HTML输出中已经存在的代码,内联可以避免呈现阻塞请求,并在呈现页面之前执行代码。因此,它有助于提高站点的感知性能(即页面可用所需的时间)。例如,我们可以使用加载站点时立即交付的数据缓冲区(约14kb)来内联关键样式,包括折叠内容上方的样式(如之前的Smashing Magazine网站上所做的),字体大小和版面宽度和高度,以避免在交付其他数据时出现跳跃式的版面重新渲染。
但是,当过度渲染时,内联代码也会对站点的性能产生负面影响:因为代码不可缓存,相同的内容会反复发送到客户端,并且不能通过服务工作人员预缓存,也不能从内容交付网络进行缓存和访问。此外,在实现内容安全策略(CSP)时,内联脚本被认为是不安全的。然后,将CSS和JS的关键部分进行内联是一个明智的策略,这些部分使站点加载更快,但在其他方面尽可能避免。
为了避免内联,本文将探讨如何将内联代码转换为静态资产:我们不必在HTML输出中打印代码,而是将其保存到磁盘上(有效地创建静态文件)并添加相应的<;script>;或<;link>;标记来加载文件
微信小程序开发热门城市: 克拉玛依网站建设 屏东网站建设 丽水网站建设 双鸭山网站建设 沈阳网站建设 宁波网站建设 营口网站建设 石嘴山网站建设 茂名网站建设 保山网站建设 锦州网站建设 云林网站建设 葫芦岛网站建设 湛江网站建设 上海网站建设 汕头网站建设 诚果国际供应链管理(江苏)有限公司
网站仿站活跃地区: 利通网站开发设计 鹤山网站开发设计 禄丰网站开发设计 双峰网站开发设计 辰溪网站开发设计 夏河网站开发设计 甘孜网站开发设计 蒲江网站开发设计 贵德网站开发设计 武乡网站开发设计 铜陵网站开发设计 湾仔区网站开发设计 海晏网站开发设计 肥乡网站开发设计 云溪网站开发设计 掇刀网站开发设计 诚果国际供应链管理(江苏)有限公司