前端性能JQuery篇之选择器优化 优化

前端性能JQuery篇之选择器优化

JQuery有非常多的选取节点的方法,但是采用这些方法选取节点时所影响到的性能是完全不一样的,用更合适的选择器去选取节点,是使用JQuery时优化浏览器性能的一个可考虑方向。 下面进入测试: 首先,我...
阅读全文
前端性能优化——动画篇 优化

前端性能优化——动画篇

引言 随着硬件设备性能的不断提升,越来越多的设计师在页面设计上增加交互效果来提升产品的用户体验。因此页面中出现越来越多的交互效果,例如页面转场、下拉刷新、状态切换等更复杂的动画效果。以往我们关注的性能...
阅读全文
WEB前端性能优化基本套路 优化

WEB前端性能优化基本套路

前言 当用户打开页面,首屏加载速度越慢,流失用户的概率就越大,在体验产品的时候性能和交互对用户的影响是最直接的,推广拉新是一门艺术,用户的留存是一门技术,拉进来留住用户,产品体验很关键,这里我以美柚的...
阅读全文
前端图片占位优化实践 优化

前端图片占位优化实践

1 背景 在前端实现中,我们通常会使用“<img>”标签来加载图片,在渲染完首屏一小段时间后图片才会加载完成,然后从无到有完整呈现。这会导致用户浏览过程中页面发生抖动,造成令人不悦的用户体...
阅读全文
前端调试清单之优化网络资源 优化

前端调试清单之优化网络资源

性能是决定我们Web应用成功与否的重要因素。一开始,我们的Web应用体积较小,几乎没有开发者会关注于持续监控用户接收的数据大小以及所需时间。 如果你不曾做过性能监控,那么你的网站性能很可能还有提升的余...
阅读全文

优化 JavaScript 的循环

 对于提高 JavaScript 程序的性能这个问题,最简单同时也是很容易被忽视的方法就是学习如何正确编写高性能循环语句。本文将会帮你解决这个问题。 我们将看到 JavaScript 中主要的循环类型...
阅读全文
前端性能优化 — 惰性加载 优化

前端性能优化 — 惰性加载

| 导语 学习web开发的最佳实践,编写高性能的前端代码 从需求出发: 在实际的项目开发中,我遇到了一个这样的需求:一个页面模块有很多列表数据展示,每条数据都带有图片,而首次展示的图片只需要不到10张...
阅读全文