网站的划分一般为二：前端和后台。我们可以理解成后台是用来实现网站的功能的，比如：实现用户注册，用户能够为文章发表评论等等。而前端呢？其实应该是属于功能的表现。并且影响用户访问体验的绝大部分来自前端页面。 而我们建设网站的目的是什么呢？不就是为了让目标人群来访问吗？所以我们可以理解成前端才是真正和用户 ...
分类：
Web程序 时间：
2017-04-01 16:19:35
阅读次数：
261
前端是庞大的，包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么 ? 1. 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。 2 ...
分类：
其他好文 时间：
2017-03-21 19:50:02
阅读次数：
145
性能优化方法 前端优化 前端优化主要包括动态内容静态化，增加前端缓存。页面静态化是指将指含有大量动态元素的动态网页，如jsp、php等，转换为html静态页面，静态页面由于不用加载动态元素，其访问速度要比动态页面快得多，可以增加访问速度，减小数据库压力；前端页面缓存在系统前端对Web服务器上的页面进 ...
分类：
其他好文 时间：
2017-03-12 19:23:19
阅读次数：
107
前端优化过程中常提到js的加载方式，下面说下几种常用的加载方式： 1：head标签内插入<script>标签 <script type="text/javaScript" src="test.js"></script> 这是最常见的方法，但是这个方法有个最大的问题，就是当浏览器解析到<script> ...
分类：
Web程序 时间：
2017-03-08 13:31:45
阅读次数：
171
1、什么是reflow? reflow(回流)是指浏览器为了重新渲染部分或者全部的文档,重新计算文档中的元素的位置和几何构造的过程。 因为回流可能导致整个Dom树的重新构造,所以是性能的一大杀手。 以下操作会引起回流： ① 改变窗口大小 ② font-size大小改变 ③ 增加或者移除样式表 ④ 内 ...
分类：
Web程序 时间：
2017-03-06 14:32:29
阅读次数：
184
雅虎给出了优化网站加载速度的34条法则（包括Yslow规则22条） 详细说明，下载转发 ponytail 的译文（来自帕兰映像）。 1.Minimize HTTP Requests 减少HTTP请求 图片、css、script、flash等等这些都会增加http请求数，减少这些元素的数量就能减少响应 ...
分类：
其他好文 时间：
2017-03-04 10:47:47
阅读次数：
205
一、什么是懒加载 懒加载技术(简称lazyload)是对网页性能优化的一种方案。lazyload的核心是按需加载，避免网页打开时加载过多资源，让用户等待太久，在适当的时候加载用户需要的资源(这里用户需要的资源指该资源呈现在浏览器可视区域)。这里我们主要是对img标签使用懒加载技术，使用jquery的 ...
分类：
其他好文 时间：
2017-03-02 11:14:12
阅读次数：
279
研究表明：用户最满意的打开网页时间是2-5秒，如果等待超过10秒，99%的用户会关闭这个网页。也许这样讲，各位还不会有太多感触，接下来我列举一组数据：Google网站访问速度每慢400ms就导致用户搜索请 求下降0.59%;Amazon每增加100ms网站延迟将导致收入下降1%;雅虎如果有400ms ...
分类：
Web程序 时间：
2017-02-19 17:58:02
阅读次数：
471
摘要：前端的性能对于Web应用的用户体验来说非常重要。不要以为你的Web应用的性能已经足够好了，其实还会有很多可以提升的地方。本文将介绍Google和雅虎关于前端优化的最佳实践以及工具，你可以逐一检验你的Web应用。 前端的性能对于一个Web应用来说非常重要，如果一个Web应用的页面加载速度非常快、 ...
分类：
Web程序 时间：
2017-02-16 16:07:32
阅读次数：
319
之前写过一篇“漫谈前端优化”的文章，里面提到过DataUrl，粗鲁的描述了下，感觉不甚详焉，所以这几天也总结了这方面的知识，参考一些资料，补充一篇文章在这里，对这方面的资料来说，也是一种强化记忆应用； Data URL给了我们一种很巧妙的将图片“嵌入”到HTML中的方法。跟传统的用img标记将服务器 ...
分类：
Web程序 时间：
2017-02-15 12:41:52
阅读次数：
223
