优化 前端滚动事件、瀑布流的优化小技巧 在前端开发中经常会遇到需要滚动、滑动事件的处理,通常会是 移动端的上下拉刷新 与 PC端的无限滚动 其中一种。 在移动端具有很多成熟的处理滑动事件的解决方案,例如 vue-scrolle... 2020年2月5日评论 阅读全文
移动H5前端五大性能优化方案(实战篇) 概述 1. PC优化手法在移动端相同适合使用 2. 在移动端我们提出3s加载完首屏资源 3. 根据第二点,首屏加载3s完或使用Loading 4. 根据联通3G网络均匀338KB/s(2.71Mb/s... 2020年2月5日优化评论 阅读全文
桌面端前端性能优化策略 网络加载类 减少 HTTP 资源请求次数 合并静态资源图片、JavaScript 或 CSS 代码,减少页面请求数和资源请求消耗 避免重复的资源,防止增加多余请求 减小 HTTP 请求大小 减少没必要... 2020年2月5日优化评论 阅读全文
优化 前端性能优化清单之三 静态资源优化 你是使用 Brotli 还是 Zopfli 进行纯文本压缩? 在 2005 年,Google 推出了Brotli,一个新的开源无损数据压缩格式,现在 被所有的... 2020年2月5日评论 阅读全文
优化 QQ空间前端工程师如何做首屏优化 QQ空间如何优化hybrid页面 把H5页面内嵌在QQ空间客户端里面,是一个开发重点转型的问题,也是面临的新的优化课题。 hybrid页面主要体现在两个客户端:QQ空间客户端和手Q客户端... 2020年2月5日评论 阅读全文
优化 【前端冷知识】Canvas 滤镜的性能优化 最近几天没有及时更新,是因为这几天在忙一个项目mesh.js,这个项目是一个基于Canvas2D和WebGL的跨平台图形系统,提供底层的高性能API,同时也将是未来新版SpriteJS的... 2020年2月5日评论 阅读全文
优化页面访问速度(四) ——前端优化 一、概述 前端的优化,主要可以通过减少HTTP请求、非实时请求改异步、缓存、文件压缩、CDN加速、独立图片服务器等。 二、减少HTTP请求 1、HTTP开销 HTTP请求,需要耗费资源,... 2020年2月5日优化评论 阅读全文
优化 前端性能优化年度总结 — 第一部分 起步:计划与指标 对于持续跟踪性能,“微优化”(micro-optimization)是个不错的主意,但是在脑子里有个明晰的目标也是很必要的 — 量化的目标会影响过程中采取的所有决策。有许多不同的模型... 2020年2月5日评论 阅读全文
优化 前端性能优化清单之二 你会在你的项目中使用 AMP 和 Instant Articles 么? 依赖于你的组织优先性和战略性,你可能想考虑使用谷歌的 AMP 和 Facebook 的 Instant Articles 或... 2020年2月5日评论 阅读全文
前端性能优化篇之设置缓存Expires、cache-control 1. Cache -Control HTTP协议的Cache -Control指定请求和响应遵循的缓存机制。 在请求消息或响应消息中设置 Cache-Control并不会影响另一个消息处理过程中的缓存... 2020年2月5日优化评论 阅读全文