
课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
对于大多数的用户来说,如果点击一个网站五秒还没有打开加载完成的话,很有可能就会关闭网站去找下一个了,所以提高网站打开速度就是前端开发程序员需要重点关注的一个问题,下面我们就一起来了解一下具体情况吧。
1、懒加载
素材类的网站,页面一屏展示很多图片,而且图片还不能失真,图片加载太多,网页加载慢得很,所以就引用懒加载,只加载可视区的图片,避免加载可以能不需要或不必要的图像。改善页面的响应时间。
2、避免响应式布局
响应式网站虽然能够兼容所有终端设备,但是会出现隐藏部分无用内容,浪费带宽,加载时间还长,页面的渲染时间也长。
3、设置大小,避免重绘
遇到img标签,会立马发送一个http请求,下载图片,页面继续向下渲染,等图片加载成功了,发现图片的宽高大小发生变化,影响后边排版,所以页面会重新再绘制一次这部分。所以尽可能设置图片的大小。
4、减少DOM元素
解析html内容,将标签转化为DOM节点,之后再解析其他文件,DOM元素越少,也就是标签越少,文件转化得越快,加载速度也就快了。
5、减少Flash的使用
flash文件比较大,加载起来耗时。除此,flash插件还需要运行才能运行,主要有些浏览器flash插件马上要下线了,建议尽量不用flash。
6、文件顺序
css文件放在顶部,优先渲染。js放在底部,避免阻塞。
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。