董明珠|如何优化网站页面打开速度提升体验度？阿里巴巴|格力电器|汽车

用户的体验感对于网站来说是极其重要的，成功的网站都拥有良好的页面用户体验。这里良家佐言以网站浏览体验为例，提升网站网页的打开速度就显得尤为重要了，即使是最小的细节也会对客户产生很大的影响。

SEO
所以在网站建设的过程中，要把用户体验始终贯穿其中，关于提升网站页面的打开速度，这里有一些方法和技巧分享。
1、优化图片
在使用ps进行储存图片的时候一般操作三个热键+S ， “存储为Web格式” ，设置图片质量，来控制大小，或者使用压缩图片大小的软件，在不影响图片显示效果的情况下压缩大小。
2、选择合适的图片格式
选择合适的图片格式可以缩小图片容量。 JPG格式通常用于照片或真彩色图片， GIF格式用于平面色彩的图片，一般用于按钮或Logo图片， PNG格式和GIF很相似，比JPG多支持一些色彩。
3、图片宽度和高度设置
在制作网页的时候设置好图片的宽度和高度，浏览器在加载网页的时候就会保留相应的图片区域，加快网页的显示速度。
4、延迟显示可见区域外的内容
用户停留在第一屏的时候，不加载第一屏以下的图片信息，只有当用户把鼠标往下滚动的时候，这些图片才开始加载，这样可以提升可见于去的加载速度，提升用户体验。
5、减少网页的响应次数
通过Ajax无需重新加载整个网页的情况下，能够更新部分网页的技术。
6、合并优化
CSS样式的出现，使网页实现了内容和元素表现方法的分离，用户打开CSS样式设计的网页， CSS样式一般是被下载到用户本地的计算机中，而不像HTML标签每次打开网页都需要解析一次。
【董明珠|如何优化网站页面打开速度提升体验度？】另外， CSS样式载某些地方可以替代图片，这就是为什么提倡使用Div+CSS的原因。
将JavaScript代码和CSS样式代码分别合并到一个共享文件中，这样不仅能简化代码，而且在执行avaScript文件的时候。
如果JavaScript文件较多，就需要进行多次的Get请求，延长加载速度，将JavaScript文件合并在一起后，自然就减少了Get请求次数，提高了网页的加载速度。
7、精简代码
在同等网络下，页面越小下载时间越快，所以在合理范围内减少页面大小是可以优化下载速度的，而页面大小主要是有HTML的代码量来决定的（也包括一些CSS样式和JavaScript代码）。
想减小页面大小，就得根据W3C的标准来优化HTML代码结构，去除一些无意义的代码。
作者：良家佐言
原文：https://www.badpon.com/1667.html