提高网站加载速度的方法主要有哪些(二)

5. 启用浏览器缓存。

浏览器缓存是一种允许访问者的浏览器存储站点的单个页面的副本的功能,这样,当访问者返回时,可以从缓存中调用内容,而不是重新加载整个页面。这样可以节省用于显示页面的资源数量,从而加快访问者的总体加载时间。如果您使用WordPress,您可以使用W3 Total Cache这样的插件轻松启用浏览器缓存。在WordPress网站上安装这个插件,请执行以下步骤:

导航到站点的仪表板,然后插件》添加新插件,并搜索W3 Total Cache。点击安装,然后激活。插件被激活后,导航到顶部或左侧的新性能标签。您可在此处控制插件的所有功能。这个插件有很多功能可以打开或关闭。如果您想完全配置这个插件,使用WPMU DEV检查一下这个帖子。或者,与您的网络开发人员讨论如何将浏览器缓存集成到服务器端脚本中。

6. 打开Gzip压缩功能。

Gzip压缩是一种将基于浏览器的HTTP响应最小化的技术,有时最大化70 %。如果这很难理解,别担心。您不需要完全理解它是如何在网站上进行的。有三种方法可以打开网站上的Gzip压缩。您可以:

❶. 将以下代码添加到站点的.htaccess文件:

# compress text, html, javascript, css, xml:

# 压缩文本, html, javascript, css, xml:

AddOutputFilterByType DEFLATE text/plain

AddOutputFilterByType DEFLATE text/html

AddOutputFilterByType DEFLATE text/xml

AddOutputFilterByType DEFLATE text/css

AddOutputFilterByType DEFLATE application/xml

AddOutputFilterByType DEFLATE application/xhtml+xml

AddOutputFilterByType DEFLATE application/rss+xml

AddOutputFilterByType DEFLATE application/javascript

AddOutputFilterByType DEFLATE application/x-javascript

# Or, compress certain file types by extension:

# 此外,通过扩展压缩某种文件类型:

<files *.html>

SetOutputFilter DEFLATE

</files>

❷. 添加下列代码至HTML或者PHP页面顶部:

<?php if (substr_count($_SERVER[‘HTTP_ACCEPT_ENCODING’], ‘gzip’)) ob_start(“ob_gzhandler”); else ob_start(); ?>

.安装一个Gzip压缩插件,比如用于WordPress的 W3 Total Cache工具。(请记住我们之前说过的安装太多不必要的插件!)

7. 将CSS文件保存在顶部,Javascript位于底部。

最后,在处理原始HTML页面时,通过在页面代码顶部添加CSS文件,在底部添加Javascript代码片段,保持网站代码的整洁。将CSS文件添加到页面顶部会禁止渐进式渲染,从而节省了网络浏览器原本用于加载和重绘页面元素的资源。在底部添加Javascript可防止页面在加载前等待完整的代码执行,从而为访问者带来更快的浏览体验。

8. 减少Http请求。

当有人访问网站时,网页上的每个元素都必须下载才能查看。这包括图像、视频、动画、样式表、脚本、字体——您命名的。对于页面上的每个元素,都会发出不同的http请求。网站上每个页面组成的不同部分越多,每次有人访问您的网站时就发出的http请求就越多,加载页面的时间也就越长。这并不意味着您需要将网页剥离成一个极简抽象派的网页设计来降低加载速度。您可以使用一些技巧来识别和减少页面上的http请求的数量和大小,同时又不会丢失您希望站点拥有的风格。

首先,使用浏览器工具找出网站页面上有多少http请求。在不同的浏览器中,这个过程是相似的,下面是主要的两个步骤:

在Chrome:

右键单击网页

选择“检查”

单击“网络”选项卡

重新加载页面

在Firefox:

右键单击网页

选择“检查”选项

单击“网络”选项卡

重新加载页面

这将不仅显示页面需要多少http请求,而且还显示每个请求加载需要多长时间。您可能会发现列表中有些项目不值得花时间删除。即使您没有,您也可以选择加快速度:

选项1:减小文件大小。

在列表中查找减少不同元素的文件大小的机会。我们关于优化图像的部分有一些好的提示。您还可以通过删除任何不必要的编码或空白来缩小HTML、CSS和Javascript文件中的代码。像Autoptimize(针对WordPress)和HTML Minifier这样的在线工具可以使这一步更加容易。

选项2:合并文件。

如果您的网页有多个Javascript或CSS文件,将它们组合起来将减少网页必须发出的http请求的数量。JCH Optimize和Cloudflare等工具对此有帮助。

9. 最小化和优化重定向。

有时重定向是必要的,但如果使用的次数超出了要求,则会降低页面加载时间。定期检查网站上的链接,以确保所有的链接(内部链接和外部链接)直接转到页面的主URL。如果确实需要使用重定向,请确保一页只使用一个重定向。您永远不希望浏览器必须把访问者从一个页面重定向到另一个页面,然后再重定向到第三个页面。并且避免使用额外的URL将人们重定向回主站点。您可能很想买下您的URL名和主要关键词上的所有变体,把它们都指向您的网站,但这既会降低网站速度,也会给访问者造成困惑。

10. 升级虚拟主机。

开始时,您可能为网站选择了最便宜的主机选项。这是正常的,通常在您开始建立可见性和流量的时候,对于一个新网站来说已经足够好了。随着您的营销努力开始见效,流量增加,您的主机需求也会改变。如果网站流量大幅增加,并且您还没有升级主机计划,使之相匹配,这可能会导致加载缓慢或不稳定的性能问题。从共享主机到云主机,或者从共享到VPS,都会对网站的访问速度产生巨大影响。请与您的虚拟主机提供商联系,看看是否该升级了,或者考虑是否该换一个新的提供商了。HostGator以99.9%的正常运行时间保证而闻名,其代表员工将回答您所提出的关于选择合适的网站主机计划以保持网站快速运行的任何问题。虽然这些只是用来加快网站速度的几种不同技术,但是它们是一些最容易实现的技术。如果您注意到网站变慢了,这个列表是一个很好的开始。当每一秒都很重要时,您能为一个更快的网站迈出的每一步都是值得的。

综上所述,有时加载缓慢的站点仅仅是由于主机不足造成的。有了HostGator,无论您有云主机、共享主机还是VPS主机计划,网站都将获得行业标准技术的服务,您可以通过电话和实时聊天获得全天候的技术支持。我们让转移变得轻松愉快,每一步都乐意为您效劳。

相关阅读:提高网站加载的方法有哪些(一)

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注