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

许多研究发现,页面速度和访客的滞留时间,跳出率以及收入都有直接的关系。另外,谷歌的排名算法中也把页面加载速度作为其中一项考
虑因素。因此,你网站的页面加载时间是至关重要的。从访问者的角度看,测试你的浏览器速度的一个很好的方法是清除你的浏览器缓存,然后加载页面。

小于2秒的页载入时间被认为是优良的,而且高达4秒是可接受的。而大于5秒的页面载入时间不仅影响你网站的搜索引擎排名,还会严重影响用户体验。这里列出了10种方法,可以快速提升你网站的性能。

1. 优化图像

图像对于吸引访客的关注是很重要的。但是你添加到页面上的每一张图片都需要用户从你的服务器下载到他们的电脑上。这无疑增加了页面的加载时间,因此很可能让用户离开你的网站。所以,优化图像是非常必要的。

过大的图像需要的下载时间更多,因此要确保图像尽可能的小。可以使用图像处理工具如PS来减小颜色深度、剪切图像到合适的尺寸等。

2. 去掉不必要的插件

一个非常值得关注但经常被忽略的因素是你网站安装的插件。如今,大量免费的插件诱导网站开发者添加很多不必要的功能。您安装的每个插件都需要服务器处理,从而增加了页面加载时间。所以禁用和删除不必要的插件。

然而,有些插件是必须的,如社交分享插件,你可以选择CMS内置的社交分享功能来代替安装插件。

3. 减少DNS查询(DNS lookups)

减少DNS查询是一个WEB开发人员可以用了页面加载时间快速有效的方法。DNS查询需要话费很长的时间来返回一个主机名的IP地址。而浏览器在查

询结束前不会进行任何操作。对于不同的元素可以使用不同的主机名,如URL、图像、脚本文件、样式文件、FLASH元素等。具有多种网络元素的页面经常需
要进行多个DNS查询,因而花费的时间更长。

减少不同域名的数量将减少并行下载的数量,加速你的网站

4. 最小化重定向

重定向增加了额外的HTTP请求,因此也增加了页面加载时间。然而有时重定向却是不可避免的,如链接网站的不同部分、保存多个域名、或者从不存在的页面跳转到新页面。

重定向增加了延迟时间,因此要尽量避免使用它。检查是否有损坏的链接,并立即修复。

5. 使用内容分发网络(Content Delivery Network CDN)

服务器处理大流量是很困难的,这最终会导致页面加载速度变慢。而使用CDN就可以解决这一问题,提升页面加载速度。

CDN是位于全球不同地方的高性能网络服务,复制你网站的静态资源,并以最有效的方式来为访客服务。

6. 把CSS文件放在页面顶部,而JS文件放在底部

把CSS文件在页面底部引入可以禁止逐步渲染,节省浏览器加载和重绘页面元素的资源。

JavaScript是用于功能和验证。把JS文件放在页面底部可以避免代码执行前的等待时间,从而提升页面加载速度。

这些都是一些减少页面加载时间和提高转换率的方法。在某些情况下,需要JavaScript在页面的顶部加载(如某些第三方跟踪脚本)。

7. 利用浏览器缓存

浏览器缓存是允许访客的浏览器缓存你网站页面副本的一个功能。这有助于访客再次访问时,直接从缓存中读取内容而不必重新加载。这节省了向服务器发送HTTP请求的时间。此外,通过优化您的网站的缓存系统往往也会降低您的网站的带宽和托管费用。

8. 使用 CSS Sprites 整合图像

多图像的网站加载时间比较久。其中一个解决方法就是把多个图像整合到少数几个输出文件中。你可以使用 CSS Sprites 来整合图像文件。这样就减少了在下载其他资源时的往返次数和延迟,从而提高了站点的速度。

9. 压缩CSS和JavaScript

压缩是通过移除不必要的字符(如TAB、空格、回车、代码注释等),以帮助减少其大小和网页的后续加载时间的过程。这是非常重要的,但是,你还需要保存JS和CSS的原文件,以便更新和修改代码。

10. 启用GZIP压缩

在服务器上压缩网站的页面是提升网站访问速度非常有效的一种方法。你可以用gzip压缩做到这一点。Gzip是一个减小发送给访客的HTML文件、

JS和CSS体积的工具。压缩的文件减少了HTTP响应时间。据Yahoo报道,这大概可以减少70%的下载时间。而目前90%的通过浏览器的流量都支持
Gzip压缩,因此,这是一个提示网站性能有效的选项。

优化你的网站是留住你的访客和提升搜索引擎排名有效的途径。使用上面提到的10种方法来提高你的网站性能。

作者:Specs

来源:51CTO

时间: 2024-11-03 14:03:04

推荐十大优化页面加载速度的方法的相关文章

WinForm ListView 大数据提高加载速度的方法 虚拟模式加载

将VirtualMode 属性设置为 true 会将 ListView 置于虚拟模式.控件不再使用Collection.Add()这种方式来添加数据,取而代之的是使用RetrieveVirtualItem(Occurs when the ListView is in virtual mode and requires a ListViewItem.)和CacheVirtualItems两个事件,单独使用RetrieveVirtualItem也可以,CacheVirtualItems这个事件主要是

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

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

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

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

【软件周刊第 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

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

很久没写技术方面的东西,是因为在做了一段时间的技术以后我越发发现,学什么技术或者技术应该钻研到什么层次真的不是最重要的,最重要的是解决问题的方法和能力.所以以后如果再写技术类的文章,定要少些技术细节,多一些方法和思路,今天就给大家介绍几个提高页面装载时间的方法,都是我在工作当中实践出来的经验. 首先给大家列出几个阻碍loadtime提高的因素,有不足的欢迎补充: 1.页面大小: 2.页面连接数: 3.服务器抗压能力: 4.网络状况(包括带宽和网段等因素): 一.页面大小 页面大小是指页面内容的字

Android 端 Chrome 59 发布:页面加载速度最高提升 20%

对于那些使用 Chrome 浏览器的 Android 用户来说,最近的版本更新带来了很多实用的新功能和性能优化.在 Chrome v59.0.3071.92 版本中,由于对 V8 JavaScript 引擎进行升级使网页加载速度变得更快.Google 官方表示相比较此前版本,页面加载速度提升20%.而且升级后的 V8 引擎变得更具效率,内存占用率更低. 今年 4 月份,Google 就曾表示研发方面的重大进步,会让 JavaScript 页面加载速度得到明显提升.在最新的 Chrome 59 版

WordPress启用Memcache 加快页面加载速度

大部分使用Wordpress建站的站长都是使用动态页面或者伪静态页面,用户请求页面时就免不了从数据库中读取内容,减缓了页面加载速度.如果访问量过大,频繁对数据库操作也会增加数据库及服务器的负载.如你的服务器支持Memcache,建议你启用Memcache,加快Wordpress页面加载速度,减少数据库负载. Memcache是一种高性能的分布式内存对象缓存系统.在动态应用中Memcache 既能加快页面加载速度,也能有效降低数据库的负载.在 WordPress 实现 Memcache就是使用 M

winform-winfrom 页面加载速度

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

php简单计算页面加载时间的方法_php技巧

本文实例讲述了php简单计算页面加载时间的方法.分享给大家供大家参考.具体实现方法如下: 简单的把开始时间放在页面头部,结束时间放在页面尾部,计算页面加载时间 $start = time(); // put a long operation in here sleep(2); $diff = time() - $start; print "This page needed $diff seconds to load :-)"; // if you want a more exact v