深圳智学无忧教育科技(单题)
题型 | 难易度 | 出现频率 | 浏览 | 评论 |
---|---|---|---|---|
问答题 | 16 | 0 |
试题信息收集不易,转发请带上出处,不甚感谢!如果您对任何编程问题还有疑问,欢迎点击下方按钮向老师提问!
问答题
- 如何加快页面打开的速度?或是提问,优化方案有哪些?
答:
我的优化方案是这样的
1.减少渲染堵塞:将js 放到body结束标签前,头部引入的css文件内容尽量少,如果多的话,10~20K的样式就放入到内部样式表里。无论js还是css上线后都要做压缩处理。我们在项目里是通过webpack来打包处理的。
对于第三方框架,我们使用信任的cdn加速器来加载。
2.图片加载优化
使用媒体查询,根据不同的分辨率加载对应大小比例的图片。另外使用图片延迟加载,将图片的路径先放到自定义属性data-src,使用滚动监听的方式来加载。多个相同尺寸的图标使用图片精灵,放到一张图片,然后背景图片移位显示。
3.缓存策略,在web服务器上配置一些缓存策略,例如cache-control,last-modified
4.其它的优化方案:代码优化,减少cpu和内存的开销还有域名与解析等。
提示:这里涉及到一些专业术语,可以去弄清楚这些概念,把它熟记然后脱口而出,一定能够达到很好的效果。