企业搜索引擎优化优化网页速度的方法

摘要

我发现很多网站没有优化它们的加载速度,有时打开一个网页需要10秒钟来完成加载。虽然网页的内容很好,但我的第一印象是它很慢,让人无法忍受!事实上,有许多简单、粗糙

我发现很多网站没有优化它们的加载速度,有时打开一个网页需要10秒钟来完成加载。虽然网页的内容很好,但我的第一印象是它很慢,让人无法忍受!

事实上,有许多简单、粗糙和有效的优化方法。我认为有必要将它们与产品经理分享,这样您就可以监督兄弟优化的开发并改善网页的加载体验~

首先,让我们看看网页的加载过程。当你打开一个网页时,你首先会拉一个html页面,然后在浏览器解析了html页面之后,你会根据页面的内容拉javascript、css和图片文件,最后根据这些文件渲染页面。

影响网页显示速度的主要因素不是网页本身,而是它所依赖的其他一些文件。如果这些资源的加载速度得到优化,网页显示的速度将会提高。

什么是简单和粗鲁的方法?让我逐一列举:

优化图片资源的格式和大小

在网页中,图像资源的大小占了大部分,单个文件的大小也相当大。因此,在保持图片质量不变的情况下,尽可能使用高压缩比的图片格式,图片格式可以根据这个优先级选择webp jpeg png bmp。同时,根据图片显示的大小,最好匹配的图片资源应该被拉下,如果什么都没有发生,原始图片不应该被拉下使用。我以前遇到过这种情况。显示在196*196区域中的图片的文件大小为几兆字节,却发现分辨率为1960*1960的原始图片已被拉下。

打开网络压缩

大多数浏览器在发送请求时都会带这个标签“accept-encoding : gzip,deflate”,这意味着这个浏览器可以接受gzip压缩的数据传输。如果您的网络服务器也支持gzip压缩,当数据通过gzip传输时,流量将减少70 ~ 80%。

使用浏览器缓存

同一网站下的不同页面经常会重复使用一些资源文件。如果将这些资源文件设置为可缓存的,那么在刷新或跳转到另一个页面时,就不需要从网络中提取相关资源,这大大加快了网页的加载速度。

减少重定向请求

一些网站为不同的终端制作了不同的页面。例如,当在手机上访问微博时,他们将被从weibo.com重定向到weibo.cn。每次重定向都会导致浏览器重新启动请求并延长加载时间。在这种情况下,应尽可能使用响应性设计,一个weibo.com站点覆盖所有终端。

使用CDN存储静态资源是很好的,比如中国的百度CDN。

CDN是一个静态内容分发网络。它在每个省甚至每个城市部署自己的服务器来分发这些静态内容。当一个城市的用户想要拉某个资源时,他会先从本地的CDN服务器上拉,这样可以保证他能尽快得到这个资源。据瓦工统计,70%的网络资源是静态资源。这意味着70%的内容在产生后不会改变,所以把它们都放在CDN上可以提高这70%资源的下载速度。

减少域名系统查询的数量

许多人喜欢在不同的域名下挂不同的图片,例如,图片甲挂在a.pm-teacher.com,图片乙挂在b.pm-teacher.com。当一个网页同时使用图片甲和图片乙时,浏览器需要查询两个域名。每次解析域名都是浪费时间,所以尽量把所有的图片放在一个域名下。

压缩css和js内容

这里提到的压缩不重复第二点。上面提到的压缩是不改变文件内容的压缩。css和js中有很多空格和变量名(比如hello=' hello word),如果删除这些空格并用简单的字母替换变量名(例如=' hello word),这些css和js原始文件的大小也会减少,这也有助于加快拉。

我不知道你是否看到了,但是上面提到的优化方案的核心是三点:减少请求的数量,减少资源的大小,找到最快的服务器。如果你是一个网站的产品经理,去你的开发者那里确认你是否做过类似的优化。

目前评论:0 条

发表评论