• 网站首页
• 网站建设
• 短视频
• 网站推广
• 网站模板
• 客户案例
• 资讯动态
• 关于我们

互联网时代网站如何优化才能脱颖而出_CSS学习

当前位置：网站建设 > 技术支持

互联网时代网站如何优化才能脱颖而出？

网站可以使用js来测试性能，console.time()、console.timeEnd()。网站性能优化主要以下几个方面：纯属手写，支持下

1. 尽量减少HTTP请求次数 合并js 合并css 图片sprite

2. 延迟加载内容 图片懒加载 数据懒加载(点击查看更多) 功能懒加载（曝光或者点击后加载html模块、js功能模块）

3. 使用离线缓存 把常用的变动又少的js、css、图片存储到localstorage，第二次访问的时候直接走本地缓存。在移动端使用广泛。

4. CSS、JS放置正确位置 把css放在head中，保证页面看到的时候样式是对的。 把js放到body里最后位置，防止加载js阻塞页面。

5. 静态资源压缩 图片、CSS、JS在发布前要压缩。

6. 静态资源使用多个域名 对于图片、CSS、JS，可使用几个域名，可以并发加载。

7. 静态资源使用cdn存储 用户与你网站服务器的接近程度会影响响应时间的长短。 可以把静态资源放到内容分发网络（Content Delivery Network，CDN）中加快访问速度。

8. 预加载 在某个功能还没展现时，在空闲时间预先加载相关图片或者js代码

9. DOM操作优化 使用JavaScript访问DOM元素比较慢，因此为了获得更多的应该页面，应该做到： 缓存已经访问过的有关元素 线下更新完节点之后再将它们添加到文档树中 避免使用JavaScript来修改页面布局

10. 优化算法 在js处理中优化查找、排序算法。尽量少使用嵌套循环。 使用事件代理 有时候我们会感觉到页面反应迟钝，这是因为DOM树元素中附加了过多的事件句柄并且些事件句病被频繁地触发。这就是为什么说使用event delegation（事件代理）是一种好方法了。如果你在一个div中有10个按钮，你只需要在div上附加一次事件句柄就可以了，而不用去为每一个按 钮增加一个句柄。事件冒泡时你可以捕捉到事件并判断出是哪个事件发出的。 你同样也不用为了操作DOM树而等待onload事件的发生。你需要做的就是等待树结构中你要访问的元素出现。你也不用等待所有图像都加载完毕。 你可能会希望用DOMContentLoaded事件来代替 事件应用程序中的onAvailable方法。

版权说明：
本网站凡注明“广州京杭 原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。