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

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

10.启用浏览器缓存

当您访问网站时,您访问的页面上的元素将存储在硬盘驱动器的缓存或临时存储中。

这意味着下次访问该站点时,您的浏览器可以加载该页面,而无需向服务器发送另一个HTTP请求。

有人第一次访问您的网站时,他们必须下载HTML文档,样式表,javascript文件和图像才能使用您的页面。这可能多达30个组件和2.4秒。

加载页面并将不同的组件存储在用户的缓存中后,只需下载少量组件即可进行后续访问。

在Theurer的测试中,这只是三个组件而且是.9秒,这使得加载时间减少了近2秒。

Theurer表示,您网站的每日访问者中有40-60%使用空缓存,因此对于这些首次访问者来说,快速创建页面至关重要。但启用缓存可以减少返回访问者的大量时间并提供更好的用户体验。

设置缓存的方式取决于您是使用WordPress还是静态HTML运行网站。

使用W3 Total Cache提高WordPress的网站速度

如果您运行WordPress站点,则可以使用W3 Total Cache之类的插件轻松启用缓存。

安装完成后,导航到“常规设置”下的“页面缓存”,然后选中“启用”旁边的框。

这个简单的步骤本身可以提高您的网站性能 - 但您可以通过插件改进结果。

启用浏览器缓存可让您在访问者的浏览器中存储网站的缓存版本。这意味着当用户返回您的站点时,它将加载更快。

您可以通过导航到常规设置>浏览器缓存并选中“启用”旁边的框来启用此选项。

如果您使用VPS或专用服务器,还可以启用对象缓存以加速站点上的动态元素。

此功能也在您的常规设置下。

但是,如果您使用的是共享服务器,则最好禁用此选项。对象缓存是一个资源密集型过程,最终可能会减慢您的网站速度 - 与您希望使用该插件完成的操作完全相反。

配置完设置后,您应立即看到加载时间的改善。 W3 Total Cache声称其用户在Google PageSpeed结果中获得了10倍的改进,并且在完全配置插件后节省了高达80%的带宽。

如果您有静态HTML站点,则可以在.htaccess文件中启用缓存。

您可以添加代码行,告诉浏览器要缓存的内容以及存储的时间长度

这使您可以设置希望每种类型的文件存储在访问者缓存中的时间。

通常,静态资源的缓存生命周期至少应为一周。广告或小部件等第三方资源的缓存生命周期至少应为一天。

对于所有可缓存的资源(如JavaScript和CSS文件,图像文件,媒体文件和PDF),请将缓存设置为至少一周和一年。

11.减小图像尺寸

图像可以在您的网站速度中发挥重要作用。它们通常是非常大的文件,这会减慢页面加载时间。

但完全删除它们不是一种选择。

考虑一下:平均电子商务网站转化率徘徊在1-3%左右

但是,对于某些网站,例如NatoMounts,这个数字可能上升高达5%,平均转化率约为5%,其中大约85%的转化率来自移动设备。

将转换率提升到此级别的最佳方法之一是包含大量有用的产品图片。在一项调查中,66%的消费者表示他们希望在购买之前至少看到三张产品照片。

这意味着如果您想要运行一个成功的电子商务网站,图像是绝对必要的。

然而,据Radware称,前100个电子商务网站中有45%不压缩图像!

很明显,在图像压缩方面,各地的网站所有者都有很多工作要做 - 无论您的网站是否包含电子商务商店,这都很重要。

您可以使用Pingdom等工具查看图像对任何页面产生的影响有多大。运行页面速度测试,然后查看“按内容类型的请求”。

在此示例中,您可以看到图像占页面上40%以上的内容。

这意味着减小它们的大小可能会对页面加载的时间产生很大影响。

实际上,在一项研究中,将22MB的图像大小调整为300KB可以使交互时间减少70%,或者用户在与站点交互之前需要等待的时间。

减少图像文件大小的最简单方法之一是将图像裁剪为正确的大小。例如,如果您希望图像显示为570px宽,请将图像调整为该宽度。

不要只上传宽度为2000像素的图像,并将宽度参数设置为您想要的大小。这需要您的页面加载完整图像,然后将其调整到适当的大小,从而减慢页面速度。

如果使用width参数使图像在您的网站上显得更小,则应优先调整这些图像的大小。这是减少每个页面总大小的简单方法,可以对您网站的速度产生重大影响。

接下来,您可以使用几种不同的工具压缩图像文件。

如果您的网站在WordPress上运行,WP Smush是一个很好的选择。

选中“在上传时自动屏蔽我的图像”旁边的框,所有新图像都将被压缩而无需额外的工作。

您还可以使用此插件自动调整上传的所有新文件的大小。设置最大宽度和高度,任何超过它们的图像都将被“按下”。

如果您不使用WordPress,您可以使用像Compressor.io这样的非WordPress工具。

在将图像添加到您的网站之前,请将其上传到此工具,然后选择是否要进行有损或无损压缩。

然后,您将能够看到有关文件减少量的信息,并能够下载新的较小文件。

保存新图像文件后,您可以将其上传到您的网站。

接下来,您还需要确保为每个图像使用适当的文件类型。这似乎是一个小问题,但您使用的文件类型可能会影响每个文件的大小。

您有几个不同的选项,最常见的是JPG,PNG和GIF。

JPG通常是照片的最佳选择。它使用有损压缩,这意味着当以这种格式保存时,某些图像的数据会丢失。

照片中的观看者无法检测到此数据丢失,但导致文件大小比大多数图像文件类型小。

因此,如果您上传包含大量照片的页面,请确保它们都是JPG可以显着减少加载时间,而不会影响它们的外观。

另一方面,PNG使用无损压缩。这意味着当您将图像另存为PNG时,不会丢失任何数据,并且生成的文件大小大于JPG。

如果您需要清晰的线条和清晰的细节,PNG是您的最佳选择。这是徽标,屏幕截图,艺术线条和其他详细图形的最佳选择。

最后,GIF应仅用于小于或等于10×10像素的简单图形,3种或更少颜色的调色板,以及动画图像。

不要使用BMP或TIFF。

一旦您的图像大小和格式正确,您就可以确保用于实现它们的代码也是正确的。特别是,请确保避免空图像src代码。

在HTML中,图像的代码包括:

<img src =“”>

当引号中没有源时,浏览器会向页面目录或实际页面本身发出请求。这可能会给您的服务器增加不必要的流量,甚至会损坏用户数据。

幸运的是,这是一个很容易解决的问题。
<
>
   宝鸡博德信息技术有限公司,成立于2008年,是宝鸡地区百度的唯一总代理,主要从事百度推广、百度本地直通车推广,网站建设、网站维护、网站优化、百度百科、百度地图标注、百度糯米、百度网盟推广、百度知道、百度品牌推广、百度品牌起跑线,其他推广等,互联

联系我们

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

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

254676808@qq.com

在线咨询 官方微信  

部门热线

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

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