通过性能测速和分析，我们基本可以获取收集到页面上大部分的具体性能数据，如何根据这些数据采取适当的方法和手段对当前的页面进行优化呢？目前来看，前端优化的策略很多，如YSlow（YSlow是Yahoo发布的一款Firefox插件，可以对网站的页面性能进行分析，提出对该页面性能优化的建议）原则等，总结起来 ...
分类：
其他好文 时间：
2018-01-13 22:29:33
阅读次数：
181
相对于桌面端浏览器，移动端Web浏览器上有一些较为明显的特点：设备屏幕较小、新特性兼容性较好、支持一些较新的HTML5和CSS3特性、需要与Native应用交互等。但移动端浏览器可用的CPU计算资源和网络资源极为有限，因此要做好移动端Web上的优化往往需要做更多的事情。首先，在移动端Web的前端页面 ...
分类：
移动开发 时间：
2018-01-13 22:27:54
阅读次数：
268
随着网络的高速发展，网络性能的持续提高成为能否在芸芸App中脱颖而出的关键。高度联结的世界意味着用户对网络体验提出了更严苛的要求。假如你的网站不能做到快速响应，又或你的App存在延迟，用户很快就会移情你的竞争对手。以下为大家总结10条有关性能提升的经验，以供参考： 1. 采用反向代理服务器(Reve ...
分类：
Web程序 时间：
2017-12-11 20:00:13
阅读次数：
166
一、减少HTTP请求 1.合并CSS、js：每次调用js、css都要发送一次http请求，所以并不是分开写好几个文件比较好 js、css压缩。js压缩可以用grunt HTML优化： 使用语义化标签 减少iframe：iframe是SEO的大忌，iframe有好处也有弊端 避免重定向 CSS优化： ...
分类：
其他好文 时间：
2017-12-05 18:45:59
阅读次数：
151
什么样的系统架构算是高性能的呢？我的理解是它是以用户为中心，提供快速的网页访问体验。主要参数有较短的响应时间，较大的并发处理能力，较高的吞吐量，稳定的性能参数。 具体优化的方向可分为前端优化，应用层优化，代码层优化，存储层优化。 一、前端优化 1.浏览器访问优化 ①减少http请求. 在服务器端，每 ...
分类：
其他好文 时间：
2017-12-03 11:19:17
阅读次数：
124
前言 在刚入门前端的时候，我们并不清楚前端有工具可以帮我们自动化打包压缩文件，当时只关注能实现功能就可以了，也不太在意前端性能优化的问题，随着项目功能的复杂，项目也变得越来越大，页面的执行速度也开始变慢，因此我们认识到了前端优化的重要性，但是之前的压缩打包都是需要我们自己手动执行或者去直接转化的网站 ...
分类：
其他好文 时间：
2017-11-25 19:19:10
阅读次数：
103
概述 1. PC优化手段在Mobile侧同样适用 2. 在Mobile侧我们提出三秒种渲染完成首屏指标 3. 基于第二点，首屏加载3秒完成或使用Loading 4. 基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KB 5. Mobile侧因手机配置原因，除加载外 ...
分类：
其他好文 时间：
2017-11-14 14:33:34
阅读次数：
167
PC 浏览器前端优化策略 PC 端优化的策略很多，如 YSlow（YSlow 是 Yahoo 发布的一款 Firefox 插件，现 Chrome 也可安装，可以对网站的页面性能进行分析，提出对该页面性能优化的建议）原则，或者 Chrome 自带的 Audits 等，总结起来主要包括网络加载类、页面渲 ...
分类：
其他好文 时间：
2017-11-09 14:20:18
阅读次数：
214
围绕前端的性能多如牛毛，涉及到方方面面，以我我们将围绕 PC 浏览器和移动端浏览器的优化策略进行罗列 注意，是罗列不是展开，遇到不会不懂的点还请站外扩展开车速度有点快，坐稳了。tips : 这么多前端优化点你都记得住吗？反正我是收藏起来备查的。PC 浏览器前端优化策略PC 端优化的策略很多，如 YS ...
分类：
其他好文 时间：
2017-11-09 14:20:07
阅读次数：
126
基本概念 1、网站吞吐量：TPS/每秒的事务数，QPS/每秒的查询数，HPS/每秒的HTTP请求数 2、服务器性能指标：系统负载，内存使用，CPU使用，磁盘使用以及网络I/O等 前端优化方法 1、减少HTTP请求：通过将多个前端资源合并成一个实现减少HTTP请求提高性能。 2、设置响应头字段是部分及 ...
分类：
Web程序 时间：
2017-11-04 11:33:20
阅读次数：
150
