如何提高网站页面加载速度

互联网时代，速度就是王道。我们知道互联网发展瞬息万变，网站建设也是一样，快节奏的生活使得人们对于网站加载速度的要求也越来越高。今天小编就来跟大家分享一下如何提高网站页面加载速度。

如何提高网站页面加载速度

第一，优化网站代码

程序员在编辑代码时，为了方便直观，常常会进行缩进和换行。这样的做法对于程序员来说是非常方便，但是浏览器在执行脚本的时候并不需要这些空格和换行。所以我们应该以占用资源最少为原则，将代码尽可能压缩，为网站节省空间。

第二，压缩图片文件

我们经常会在网站上上传大量的图片，但是随着图片的增多，会导致网站的加载速度变得越来越慢。对于这种情况，我们要对图片进行优化处理，应该选择图片的最佳格式并且尽量在保证图片清晰度的情况下压缩图片，使图片的尺寸尽可能的少占用空间。

第三，图片调用统一

有时候我们用的图片是来自不同的网络资源，这种情况下则建议将图片资源整合到统一的文件中再调用， 由于在网站被解析图片来源时，若来自不同的地址，就要花费更多的时间来逐一调取解析，这样也会导致网站访问速度过慢。


提升网站页面加载速度的方法

1.好的网站结构

2.不要使用图像来代替文本

3.检查cookie的使用情况，设置一个较早的 expire 日期或者根本不设置 expire 日期，会缩短响应时间

4.去除不必要的 JavaScript 代码，JavaScript代码尽可能将其外部化

5.不要使布局超载，页面尽量简单化，少使用视频，广告以及各种类型的图像

6.尽量避免使用表格，多使用div+css布局

7.对过长的文章进行分割，采用分页的方式或者对文章进行分块阐述

8.设置图像大小，当你未设置图像大小时，浏览器要经过计算来显示图像大小，这会降低处理速度

9.使用图像映射代替多个图像，这是另一种缩短加载时间的方式，因为同时下载图像的各个独立部分能够加快整个页面的下载进度

10.优化 CSS 文件使其包含所需的所有内容，同时保持合理的大小。另外，使用外部文件代替内联定义来适应浏览器的缓存机制

11.尽可能使用 PNG 格式的图像

12.保持 Ajax 调用简短、准确

13.去掉不必要的插件，一些免费的插件能够增强网页的功能，但是如果添加过多的插件，就会增加服务器的负担和页面加载时间。在构建页面时，去掉不必要的插件，用一些内置的功能来代替插件。

14.减少使用重定向。重定向增加了额外的HTTP请求，甚至有时候链向多个域名或是不存在的页面，大大的增减了延迟时间，因此要减少重定向

15.把CSS文件放在页面头部禁止逐步渲染，节省浏览器加载和重绘页面元素的资源，JS文件放在底部可以避免代码执行前的等待时间。

怎样提高网站加载速度

1.图片优化

统计数据显示，用户倾向于放弃一个在3秒内未加载完成的网页。由于加载图片占据了网页上可下载的大部分字节空间，所以影响网页下载时间的关键来自于图像优化。确保正确的图像优化的最佳方法之一是采用正确的大小和格式(JPEG、GIF或PNG)。我们的目标是在不影响图片质量的情况下尽可能地缩减文件大小。

2.尝试CDN加速

内容交付网络的价值在于它可以获取一个网站的静态文件，如CSS、图像和JavaScript，并通过更接近用户物理位置的Web服务器传递它们。更短的接近等于更快的加载时间。像AWSCloudFront或者CloudFlare都是很好的CDN加速。CDN另外的好处是，即使停止加载带宽，你依然可以降低在下载高峰时期的中断风险。从各个方面看来，CDN都能带来双赢的局面。

3.缓存

缓存是Web页面临时存储的一种机制，可以减少带宽并提高性能。当访问者到达您的站点时，缓存模式即启动。这样可以节省服务器时间，提高效率。启用浏览器缓存会让重复访问的访问者更快速的访问站点。

4.压缩

Gzip是一个用于文件压缩软件的应用，就像是把你的网站变成一个zip文件。大多数服务器和客户支持Gzip。当一个Gzip兼容浏览器请求服务器将响应发送给浏览器资源，可以显著减少网站的时间延迟。

5.简洁的代码

让你的代码更简洁是非常有必要的。这意味着打包压缩你的HTML、JavaScipt和CSS文件到更小的文件中来运行。例如，如果您的移动网站有五个JavaScript文件，浏览器将发出五个单独的HTTP请求来获取它们。为减少堵塞和等待时间，另一种方法是缩小和连接这5个文件到一起。

6.检查你的Web主机

减少网站页面加载时间的另一个简单方法是检查你的主机提供商，看看你有什么样的软件包。共享托管帐户经常涉及与其他数十家公司共享服务器空间，这些网站的速度受到使用服务器的人数的影响。如果是这样的话，那么可能是时候考虑一个专用的访问服务器计划了。