首页 » Wordpress教程 » 这几个简单的步骤可以大幅度地减少网站加载速度

这几个简单的步骤可以大幅度地减少网站加载速度

文章目录[隐藏]

WPJAM TOC

提升网站加载速度除了增加搜索结果的排名,还可以让访客更快地浏览网站,从而更轻松地与之合作。为了寻求一种快速,简单的解决方案,站点所有者安装了大量的插件,这些插件反过来会消耗资源并且只会减慢其工作速度。我们没有针对优化插件的任何东西,但需要经常使用它们并了解其工作原理。优化是不惜一切代价来加速网站加载的过程。优化的任务是以最佳的方法实现最佳的站点速度。因此,并非所有站点都使用此篇文章中的方法。

如何优化网页加载速度?

对于任何资源所有者或网站管理员而言,使网站快速运行都是一项紧迫的任务。毕竟,页面加载速度以及高质量的内容和精美的图形设计是确保Web资源成功的最关键因素之一。缓慢的加载增加了有时失去用户的可能性。尤其是当访客来自移动设备时。即使没有经验的用户也可以在实践中实施加速站点加载的简单建议,这将有助于最大程度地减少流量丢失的可能性。

1.优化HTML代码和CSS,JS文件

如果不考虑进入站点时传输到用户浏览器的代码的“整洁”,就不可能进行下载优化。源代码中的大量字符会显着影响加载速度,因此其简洁性是至关重要的成功因素。

你需要:删除不必要的字符,标记元素和源代码标签。自动化过程将有助于在网站的HTML代码的开头和结尾添加一个小的插入内容;将相同类型的CSS文件和JS文件分组。免费的PHP应用程序(例如JCH Optimize,Cloudflare或Minify)将被复制到一个单独的目录中并通过所有站点文件,这将有助于组合这些元素。

2.减少额外的HTTP请求

在加载网站时,上传页面元素(JavaScript,图像,CSS和Flash文件)会占用大部分系统资源。对于此类元素的HTTP请求明显降低了站点速度。为了避免“额外”请求,你需要减少页面的组件数量。这将按比例减少服务器调用,并加快站点的加载速度。这可以通过几种方式完成:

  • 将多个图像合并为一个图形文件(CSS Sprite);
  • 在页面样式表中使用嵌入式图像(嵌入式图片);
  • 一页上的多个CSS文件或脚本合并为一个文件;
  • 最小化方案和插件的数量。

3.按正确的顺序排列JavaScript和CSS

建议将CSS文件放在页面代码的顶部,并将JavaScript放在底部。优化之后,将首先加载静态内容,然后仅加载动态图形。并且最好禁止使用Flash动画,使用Flash动画将增加网站风险,目前很多浏览器已经禁止了Flash动画的加载。

4.减少外部脚本的数量

外部脚本是可通过外部链接访问的代码(文本)。链接会向许多不同的服务器创建其他请求,这最终会降低站点速度。为避免这种情况,建议主要使用嵌入在页面源代码结构中的本地脚本。当然,专注于本地脚本会在站点的外观和功能上造成某些限制。但是,由此带来的下载速度优势值得这些“牺牲”。

5.启用PHP flush

这种具有PHP功能的功能使你不必等到用户的服务器从资源中加载信息,而是将其分部分输出。当数据传输到浏览器时,打开的窗口不会保持空白,而是会被站点的可加载元素平滑填充。对于具有复杂接口和高流量的Web资源,这种加速尤其必要。

最好将flush函数放在页面源代码的开头,紧接在标题之后。从标题开始,HTML内容将打开得更快,并且你还可以启用CSS和JavaScript元素的并行加载。

6.缓存页面

缓存将一些信息从站点页面(媒体文件,JavaScript和CSS)保存到用户的浏览器。下次运行时,这些文件会立即从浏览器中下载,从而使站点速度更快。你可以通过将过期标头添加到HTML代码来启用缓存。通过安装具有免费或部分免费功能的插件,例如W3 Total Cache,Cache Enabler或Zen Cach,可以轻松地缓存WordPress网站。对于新站点,最好在完全准备好启动后才使用缓存。如果在开发过程中启用了该功能,则进一步的更改可能无法在该站点上正确显示。

7.使用CDN

内容分发网络–分布在世界各地数据中心的服务器链,可提高内容传输给访问者的速度。访问者在地理位置上离CDN服务器越近,来自站点的数据包传输得越快。

CDN的使用对于内容和高负载门户尤为重要,因为门户和高负载门户的主要受众是物理服务器。这项服务可以最大程度地减少从海外站点下载的等待时间,从而有助于提高其在本地搜索结果中的排名。毕竟,内容是从其国家中距离用户最近的服务器存储中下载的。

8.优化图形和视频

你必须选择正确的图形和视频格式,因为文件格式会直接影响向访客显示信息的速度。不同网页内容的推荐格式:

  • SVG –用于矢量徽标和简单的界面元素;
  • PNG –适用于方案和非矢量徽标;
  • JPG –用于照片和图像;
  • MPEG4 –用于视频和动画。

同样对于视频和动画,也可以使用相对较新的WEBM格式。在大多数情况下,它以相同的质量提供较小的视频尺寸。但是,该格式对浏览器的支持有限(例如,在macOS / iOS Safari浏览器中不提供支持)。因此,建议使用WEBM文件作为优先视频源,并安装MPEG4作为备用源。如果共享不可接受或不方便,你也可以使用唯一的MPEG4。

另外,矢量格式(SVG)允许缩放而不会降低图形质量。

步骤1 –缩小图像尺寸。

许多流行的CMS,例如WordPress或Joomla,都具有内置插件来优化原始图像。但是,此方法会产生额外的负载,并会降低站点速度。每次页面加载时,浏览器首先访问源代码,然后才动态调整图像大小。为避免加载图像时速度降低,操作系统内置的图形编辑器(如Preview(Mac)或Microsoft Paint(Windows))以及具有类似功能的联机服务将有所帮助。与他们一起工作将需要使用图形的最低技能。

步骤2 –下载前先压缩文件。

即使在优化图像尺寸之后,其“权重”通常仍远非最佳。诸如ImageResize或TinyPNG之类的便捷,免费服务有助于在不损失图像质量的情况下减小尺寸。这里的大多数过程都是自动化的。用户只需要上传文件并下载已经压缩到最佳图像尺寸的文件。

9.应用Gzip文件压缩

Gzip是一种压缩站点文件以节省频道资源并加快加载速度的简单方法。使用Gzip,文件被压缩到一个档案中,浏览器可以更快地下载该档案,然后解压缩并显示内容。启用Gzip的使用非常简单-你只需向.htaccess文件中添加几行代码即可。例如,当使用Apache Web服务器时,mod_gzip模块可用于网站管理员,以激活Gzip,在这种情况下,你需要将此类代码添加到.htaccess中。

进行Gzip文件压缩是可以减少浏览器对服务器的请求文件大小。简而言之,该技术可将文件的初始大小降低到70%,以加快下载速度。

开启Gzip压缩的方式

将以下代码段添加到“ .htaccess” Web服务器配置文件。

在Apache服务器上:

# BEGIN GZIP COMPRESSION

mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*

# END GZIP COMPRESSION

在Nginx服务器上

gzip on;
gzip_comp_level 2;
gzip_http_version 1.0;
gzip_proxied any;
gzip_min_length 1100;
gzip_buffers 16 8k;
gzip_types text/plain text/html text/css application/x-javascript text/xml application/xml application/xml+rss text/javascript;
gzip_disable "MSIE [1-6].(?!.*SV1)";
gzip_vary on;

如果你的网站打开速度超过了5秒,则证明你需要为网站加载速度进行优化,还需要了解页面加载速度有两个参数:

第一个是显示内容的速度(此时页面已经打开并显示给用户,而浏览器窗口还是一片空白,直到所有静态文件和脚本文件都已加载成功)。

第二个是页面的实际形成速度,当所有必须连接的内容都已连接时。你需要关注第一个参数,即显示网站布局之前,不得超过三秒钟。

Aini99

Yahoooooooo!

相关推荐

微信扫一扫,分享到朋友圈

这几个简单的步骤可以大幅度地减少网站加载速度
返回顶部

显示

忘记密码?

显示

显示

获取验证码

Close