文章分类 -  Web性能优化

GPU 加速是什么
摘要：一. GPU 加速能做什么？ 首先我们要了解什么是 16ms 优化 大多数设备的刷新频率是 60 次/秒，（1000/60 = 16.6ms）也就说是浏览器对每一帧画面的渲染工作要在 16ms 内完成，超出这个时间，页面的渲染就会出现卡顿现象，影响用户体验。 浏览器在一帧里面，会依次执行以下这些动作 阅读全文
posted @ 2018-12-24 15:55 半前端半设计的四不像 阅读(413) 评论(0) 推荐(0)
这么多前端优化点你都记得住吗？
摘要：GitHub链接：https://github.com/zwwill/blog/issues/1 围绕前端的性能多如牛毛，涉及到方方面面，以我我们将围绕PC浏览器和移动端浏览器的优化策略进行罗列注意，是罗列不是展开，遇到不会不懂的点还请站外扩展 开车速度有点快，坐稳了。 tips : 这么多前端优化 阅读全文
posted @ 2017-12-01 16:38 半前端半设计的四不像 阅读(198) 评论(0) 推荐(0)
图片的DataURL技术
摘要：DataURL基本原理 在网页中我们通常用下面的方式来引用一张图片，这样当我们请求网页的时候，浏览器也会想服务器发起一个请求，去请求这张图片。 现在有一种另一种方式： 这种方式叫做DataURL技术，它是将图片对应的二进制代码，通过base64转换成可以打印的字母数字的形式。这种方式需要有要求src 阅读全文
posted @ 2017-09-04 17:22 半前端半设计的四不像 阅读(322) 评论(0) 推荐(0)
移动H5前端性能优化指南
摘要：移动H5前端性能优化指南 概述 1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点，首屏加载3秒完成或使用Loading4. 基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KB5. Mobile侧因手机 阅读全文
posted @ 2016-05-06 16:57 半前端半设计的四不像 阅读(89) 评论(0) 推荐(0)
【webapp的优化整理】要做移动前端优化的朋友进来看看吧
摘要：单页or多页 本文仅代表个人观点，不足请见谅，欢迎赐教。 webapp 小钗从事单页相关的开发一年有余，期间无比的推崇webapp的网站模式，也整理了很多移动开发的知识点，但是现在回过头来看，webapp究竟是好还是不好真是一言难尽哟！ webapp使用JavaScript修改页面；紧接着再从服务器 阅读全文
posted @ 2016-05-03 16:22 半前端半设计的四不像 阅读(142) 评论(0) 推荐(0)
网页性能管理详解
摘要：你遇到过性能很差的网页吗？ 这种网页响应非常缓慢，占用大量的CPU和内存，浏览起来常常有卡顿，页面的动画效果也不流畅。 你会有什么反应？我猜想，大多数用户会关闭这个页面，改为访问其他网站。作为一个开发者，肯定不愿意看到这种情况，那么怎样才能提高性能呢？ 本文将详细介绍性能问题的出现原因，以及解决方法 阅读全文
posted @ 2015-09-18 11:00 半前端半设计的四不像 阅读(140) 评论(0) 推荐(0)
Web前端应该从哪些方面来优化网站？
摘要：不知道是哪位大牛的文章，转过来回答。前端是庞大的，包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么 ? 1. 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时 阅读全文
posted @ 2015-08-26 10:31 半前端半设计的四不像 阅读(106) 评论(0) 推荐(0)
【译】提高网站访问速度的34条军规
摘要：这是雅虎上的一篇文章，最近正在研究提高网页响应速度和用户体验的方法，拿来翻译一下，加深理解。 原文：best practices for speeding up your web site 提高网站访问速度的34条军规 1-3 减少HTTP请求数量 使用内容分布式网络 给头部添加一个失效期或者cac 阅读全文
posted @ 2015-05-18 11:56 半前端半设计的四不像 阅读(111) 评论(0) 推荐(0)