深圳智学无忧教育科技(单题)

题型 难易度 出现频率 浏览 评论
问答题 16 0
试题信息收集不易,转发请带上出处,不甚感谢!如果您对任何编程问题还有疑问,欢迎点击下方按钮向老师提问!
问答题

答:


我的优化方案是这样的

1.减少渲染堵塞:将js 放到body结束标签前,头部引入的css文件内容尽量少,如果多的话,10~20K的样式就放入到内部样式表里。无论js还是css上线后都要做压缩处理。我们在项目里是通过webpack来打包处理的。

对于第三方框架,我们使用信任的cdn加速器来加载。

2.图片加载优化

使用媒体查询,根据不同的分辨率加载对应大小比例的图片。另外使用图片延迟加载,将图片的路径先放到自定义属性data-src,使用滚动监听的方式来加载。多个相同尺寸的图标使用图片精灵,放到一张图片,然后背景图片移位显示。

3.缓存策略,在web服务器上配置一些缓存策略,例如cache-control,last-modified

4.其它的优化方案:代码优化,减少cpu和内存的开销还有域名与解析等。


提示这里涉及到一些专业术语,可以去弄清楚这些概念,把它熟记然后脱口而出,一定能够达到很好的效果。

还能输入{{limitInput-commentDet.length}}个字符