提高页面加载速度的几个方法小结_网站应用

很久没写技术方面的东西,是因为在做了一段时间的技术以后我越发发现,学什么技术或者技术应该钻研到什么层次真的不是最重要的,最重要的是解决问题的方法和能力。所以以后如果再写技术类的文章,定要少些技术细节,多一些方法和思路,今天就给大家介绍几个提高页面装载时间的方法,都是我在工作当中实践出来的经验。

首先给大家列出几个阻碍loadtime提高的因素,有不足的欢迎补充:
1、页面大小;
2、页面连接数;
3、服务器抗压能力;
4、网络状况(包括带宽和网段等因素);

一、页面大小
页面大小是指页面内容的字节数。
在同等网络环境下,页面越小自然下载时间越快,所以在合理范围内减少页面大小是可以优化下载速度的。而页面大小主要是由HTML的代码量来决定的(当然也可能包括一些css或者js的代码,不过主体还是HTML代码),要想减小页面的大小,就得根据W3C的标准来优化HTML代码结构,去除一些垃圾无意义的代码,前2年轰轰烈烈的web重构大致就是这个意思。如果你对web标准或者web重构不了解,可以去google一下这方面的内容,不过国内很多学习者对web重构的理解有偏差,单一地认为是用div+css取代table布局,这种观点就不必去理会了。

二、页面连接数
页面连接数是指浏览器从服务器上下载完当前页面以及其所需资源的过程中向服务器发出的请求次数。
举个例子,一个页面文件当中包括一张图片、一个外联的css文件和一个外联的js文件,那么完全下载完这个页面所需要对服务器发送的请求就是4个(当前页面html、图片、css和js各占一个连接数),该页面的连接数也就是4个。
服务器处理连接数是需要耗费资源和时间的,所以多次少取不如少次多取。
就好比方说你和你五个哥们一起去买车票,总共只有一个售票窗口,是5个人排队各买各的快还是一个人排队买5个人的快呢?答案很明显。
所以降低页面连接数是非常有必要并且非常有效的办法。
那么如果来降低页面连接数呢?这里有一些技巧,比如写css需要用到背景图片的时候,能用一张解决问题的绝不用两张,甚至最好不用图片,我本人就非常喜欢无图片的绿色环保的css代码。
还有就是能统一到一个文件里面的尽量统一到一个文件里面,比如js文件和css文件都没有必要外联,都可以吐到一个相应的html代码中间,让服务器一次性发送给浏览器,这样的好处有很多:首先可以减少页面连接数,其次可以避免由于网络问题造成的页面裸奔现象(没有css修饰的页面就是裸奔)和js功能函数没load完造成页面功能不完整的现象。
看到这里,有的哥们可能会问,把js和css代码都写在一个页面里面岂不是很不好维护么?web标准不是崇尚结构和表现分离,结构与行为分离么?然也,web标准确实是对的。但是把js和css代码与HTML搞在一起只是给浏览器看的,有很多的方法可以做到页面生成之前css、js和HTML都是完全分离的,而生成的页面却是三者的综合体。比如apache的页面拼装功能,或者smarty中的模版嵌套功能等。
另外,设置浏览器的页面缓存也是一个不错的办法,能非常有效地降低页面连接数,提高页面加载速度。当然这只是针对那些实时性不强的网站来说。

三、服务器抗压能力
服务器抗压能力通常指的是服务器所能承受的最大访问人数。
这是一个硬件指标,不过也可以通过对软件和页面的优化来提高服务器的抗压能力。
这里的服务器主要包括两项,一个是http的服务器(apache或者iis),还有一个是数据库服务器。
这是所说的优化主要是有效减少服务器的连接数、提高程序执行效率,比如静态化页面或者使用缓存可以减少数据库的压力,减少页面连接数可以减少http服务器的压力等。还可以通过安装一些软件或者模块来达到这个目的,比如zend的php加速引擎,以及apc等。

四、网络状况
网络状况指的是用户当前的网络环境。
比如是拨号用户还是宽带用户,带宽是512k还是1M等等,这些硬件指标就像通向你电脑的管道,管道越大,相同时间内下载的东西就越多,速度自然就越快了。
当然这个因素不是网站开发者可以去控制的。

以上就是我总结出来的几个提高页面loadtime的方法,有什么不足的地方还希望大家能补充一下,多多益善。

时间: 2024-11-10 01:20:09

提高页面加载速度的几个方法小结_网站应用的相关文章

ASP.NET MVC中利用脚本优化提高页面加载速度:

在这里我们说一下脚本优化的三个方法: 一.在我们做Web开发的时候,当我们引用Js文件的时候,我们一般会将js文件放在文档的head标签中,这时当页面加载的时候,浏览器会按着由上到下的顺序,当浏览器遇到script标签时,它会阻止其他内容的下载,知道他检索完整个脚本,这样会减慢页面加载速度,因此,script标签应该尽可能的放到页面的底部(仅仅位于body结束标签之前)就会产生很好的用户体验. 二.另一种减少页面加载时间的技术就是精简自定义脚本.比如我们经常用到的jquery.validate.

SEO之提高页面加载速度手把手教程

一直以来,提高页面的加载速度都被百度和谷歌认可影响网站排名的,但这个如何做呢,估计不少朋友并不了解现在出一个手把手的教程吧,首先得用火狐浏览器,然后下载插件fiebug, ,page speed,然后就可以进行测试了.你可以明确的发现自己网站中有那些因素在影响页面打开的速度. 首先上一张图片,是我们自己的电影站进行的测试 大家看到了.一共有三个主要的原因和三个次要的原因,我们先从简单的说起吧,首先那个启用keep-alive,因为我用的是win2003+iis,这个默认是启用了,如下图. 在ii

提高网页加载速度的初步简单技巧方式

网页的加载速度是评估网站质量一个重要指标.原因在于大多数用户能够容忍的网页加载时间只有几秒,如果超出了访客的忍受范围他们会毫不留情地关掉你的网 页,所以网页载入速度会极大地影响网站的流量和访问.以下总结了几种可以明显提高网站加载速度的初步简单技巧方式,如果你的网站存在载入速度慢的问题不妨 与此为参考对网页做些初步优化. 网页加载提速之 – 优化网页图片文件 你的网页一定有图片,加载一个网页往往图片的总尺寸是最大的,特别是那些颜色丰富的背景图片和大副广告图片.所以一般要在同等图片质量的情况下要尽可

【原】提高网站加载速度的3项黄金守则

如何优化网页加载速度是每个前端开发工程师需要了解的,也是前端开发工程师需要具备的基本条件. 优化网站加载速度的原理主要是减少网站文件的大小,减少HTTP请求数.网站文件越小,浏览器加载页面会比较轻松,打开页面的速度也会提升:一个HTTP请求,对页面打开速度造成的延时大概是0.01秒,HTTP的请求数越多,网站打开的速度就会越慢. 那么如何减少网站文件的大小,减少HTTP请求数呢?笔者做前端(重构方向)有2年多了,这里分享3项优化网站加载速度的方法,希望能给有需要的同学以及刚接触前端的初学者带来帮

400% 的飞跃-web 页面加载速度优化实战

前言 一个网站的加载速度有多重要? 反正我相信之前来博主网站的人至少有 50% 在加载完成前关闭了本站. 为啥捏? 看图 首页完整加载时间 8.18s,看来能进来看博主网站的人都是真爱呀,哈哈. 正常来讲一个网页 4s 加载不完就会流失很大一部分用户,而博主的网站加载时间竟然达到了 8s 还是在电脑端,如果在移动端,加载时间会更久,体验会更差. 这样的话网站做得再难看批判者进不来不是白搭嘛,于是针对 web 页面加载速度的优化迫在眉睫. 基于博主以前优化过其他网站,于是博主准备把这次的优化过程记

推荐十大优化页面加载速度的方法

许多研究发现,页面速度和访客的滞留时间,跳出率以及收入都有直接的关系.另外,谷歌的排名算法中也把页面加载速度作为其中一项考 虑因素.因此,你网站的页面加载时间是至关重要的.从访问者的角度看,测试你的浏览器速度的一个很好的方法是清除你的浏览器缓存,然后加载页面. 小于2秒的页载入时间被认为是优良的,而且高达4秒是可接受的.而大于5秒的页面载入时间不仅影响你网站的搜索引擎排名,还会严重影响用户体验.这里列出了10种方法,可以快速提升你网站的性能. 1. 优化图像 图像对于吸引访客的关注是很重要的.但

【软件周刊第 32 期】Ubuntu 最新构建版启用 GNOME;Android 端 Chrome 59 提升页面加载速度

在最新发布的 Ubuntu 17.10 每日构建版中,Unity 桌面环境已消失,GNOME 已经正式成为即将推出的Ubuntu 17.10(Artful Aardvark)版本的默认桌面环境. 据悉,Ubuntu 17.10 将在 9 月 28 日发布 Final Beta 版本,这时候才会基本确定下来所有的内容,10 月 19 日 Ubuntu 17.10(Artful Aardvark)将正式发布. Android O 开发者预览版 Beta3 发布:包含最终 API 谷歌为参与 Andr

winform-winfrom 页面加载速度

问题描述 winfrom 页面加载速度 winfrom 点击某个按钮对应的tabpage显示,怎么感觉像是重新加载了tabpage这个页面,很卡,请问这个怎么解决? 这个按钮我是用的button,我把tabcontrol的卡头隐藏掉了的,另外请问有什么方法可以使加载速度变快,我用的这个protected override CreateParams CreateParams { get { CreateParams cp = base.CreateParams; cp.ExStyle |= 0x0

js的压缩及jquery压缩探讨(提高页面加载性能/保护劳动成果)_javascript技巧

问题缘由:负责公司的开发平台研发工作,考虑的知识产权的保护工作,必须要考虑java的加密技术和js脚本的加密技术.在目前java加密很容易破解的情况下,还是先搞定js的加密和压缩,一方面可以提高页面加载性能,另外一方面也希望辛苦研发出来的成果得到一定的保护. 研究过程: 1.先强烈鄙视一下哪些随便转载文章的家伙,给我制造了很大的麻烦!!网上很多帖子都不靠谱.. 2.首先想了解jquery使用什么压缩的, 网上找了半天,说法不一样,后来还是在jquery官网的最频繁问题中找到了答案,但这已经是绕了