如何提升网站访问速度(五)

2019-01-03 16:37| 发布者: | 查看: |

13.使用外部托管平台

除了在CDN上托管您的站点文件之外,您还可以使用外部托管平台来处理一些较大的文件。

这对于视频特别有价值。

例如,假设您要为您的网站添加视频教程。您可以创建,编辑和导出视频文件。

怎么办?

您首先想到的可能是通过FTP或WordPress编辑器将视频直接上传到您的网站。

不要这样做。

当您在自己的服务器上托管视频时,它们会占用大量空间。视频文件可以轻松占用超过100MB。

如果使用共享服务器,则空间有限。视频可以让您快速超过此限制。

在某些情况下,大型视频文件甚至可能违反您的“可接受使用”条款,最终可能导致您的托管帐户完全关闭。

即使您可以将大型视频上传到您的托管服务提供商,也可能会提供糟糕的用户体验。

如果多个用户同时尝试在您的网站上观看视频,则您的服务器需要将这个巨大的文件提供给所有用户。如果您的服务器带宽有限,则可能导致播放滞后和暂停。

如果您曾经尝试过观看视频并让它每隔几秒钟暂停一次,那么您就会知道它是多么令人沮丧。

不要对访问者这样做。

相反,您可以在YouTube,Vimeo或Wistia等第三方服务上托管您的视频。

然后,将视频嵌入您的网站。

此过程可节省空间,从而加快加载速度,并且非常容易实现。

最困难的部分是选择你想要使用的那个。

14.优化CSS交付

CSS保存页面的样式要求。通常,您的网站通过以下两种方式之一访问此信息:在外部文件中,在您的页面呈现之前加载或内联,这意味着它在HTML文档本身中。

外部CSS加载到HTML的头部,代码如下所示:

<! - 你的风格 - >

<link rel =“stylesheet”type =“text / css”media =“all”href = http://yourURL/style.css />

内联CSS嵌套在页面的HTML中。

作为一般规则,避免在HTML代码中包含CSS(如div或您的标题),如上图所示的内联CSS。如果将所有CSS放在外部样式表中,您将获得更清晰的代码。

这样可以减少代码的大小,减少代码重复次数。

在设置样式时,最好只使用一个外部CSS样式表,因为其他样式表会增加HTTP请求。

如果您不确定当前如何设置CSS,可以使用此CSS交付工具查找。输入您的网址,您将看到包含所有外部CSS文件的报告。

向下滚动,您还会看到该外部文件的位置,以及页面上的任何内联CSS以及CSS文件的总大小。

如果您有多个外部CSS文件,则每个文件都会增加您的页面加载时间。在某些情况下,这是不可避免的 - 但在大多数情况下,最好将它们结合起来。

幸运的是,这是一个简单的过程,通常只需复制和粘贴即可完成。

只需复制您拥有的每个CSS文件的内容,并将其粘贴到一个主CSS文件中。

然后,更新HTML以引用此新文件,并删除旧文件的所有引用。

现在,访问者的浏览器只需要下载一个CSS文件而不是多个CSS文件,这样可以减少请求的总数并减少页面加载时间。

完成此操作后,您可以使用PageSpeed Insights确保您在渲染阻止CSS方面没有任何问题。

如果您有任何阻止脚本资源,您将在“优化建议”下看到它们。

如果您已经在使用WP Rocket或W3 Total Cache这样的插件,那么这应该不是问题。如果您仍然存在渲染阻止问题,请仔细检查插件设置或遵循百度的优化CSS传送建议。
<
>
   宝鸡博德信息技术有限公司,成立于2008年,是宝鸡地区百度的唯一总代理,主要从事百度推广、百度本地直通车推广,网站建设、网站维护、网站优化、百度百科、百度地图标注、百度糯米、百度网盟推广、百度知道、百度品牌推广、百度品牌起跑线,其他推广等,互联

联系我们

宝鸡市高新区高新四路星钻国际A座1309室

18509170727(服务时间:9:00-18:00)

254676808@qq.com

在线咨询 官方微信  

部门热线

前   台:18509170727
业务部:18509170727
客服部:18509170727
技术部:0917-2655216
人事部:0917-2655216

百度推广 网站建设 售后服务 咨询电话18509170727 返回顶部
返回顶部