当前位置:首页 > 技术文档 > 谷歌教程 > 网页速度 - Page Speed-新视野网页设计

网页速度 - Page Speed-新视野网页设计

2020-09-02来源:编辑:seo杰奇标签: 网页设计 新视野 

文章导读
「网页速度」通常与「网站速度」相混淆,网站速度实际上是网站页面浏览页面速度,网页速度可以用「网页读取时间」(在特定网页上完全显示内容所需的时间)或「第一个文字的时间来描述(从打开网页时浏览器
SEO教学 - 网站内部SEO (On-Site)

网页速度 - Page Speed

什幺是网页速度(Page Speed)?

网页速度是衡量网页内容读取速度的一个指标。

「网页速度」通常与「网站速度」相混淆,网站速度实际上是网站页面浏览页面速度,网页速度可以用「网页读取时间」(在特定网页上完全显示内容所需的时间)或「第一个文字的时间来描述(从打开网页时浏览器从网络伺服器读取第一个文字讯息需要多长时间)。

不管你如何衡量,网页速度越快当然是越好的,许多人发现,更快的网站排名和转换率(确实浏览转换率)会更好。

SEO友善方式

Google已经表明网站的速度(亦同网页速度)是用于排名网页的演算方式之一,而研究表明,Google可能会专门测量第一个字节的时间,就像它考虑网页速度时一样,另外缓慢的网页速度意味着搜索引擎使用他们可分配的抓取资源来抓取较少的页面,这可能会对网站索引造成负面影响。

网页速度对用户体验也很重要,读取时间较长的网页往往跳出率会比较高与较低的观看网页平均时间,较长的读取时间也被证明会对转换率(确实浏览转换率)造成负面影响。

以下是一些提高页面速度的方法:

使用压缩方式

使用文件压缩软件应用程序Gzip来减少大于150字节的CSS,HTML和JavaScript文件的大小。

不要在图像文件上使用gzip,相反的,在如Photoshop这样的软体中压缩这些图像,您可以保持对图像质量的控制,请参阅下面的「优化图像」

缩小CSS,JavaScript和HTML

通过优化您的程式码(包括删除空格,逗号和其他不必要的字符),可以显着提高您的页面速度。 同时删除程式码解释,样式和未使用的程式码。 Google建议您将YUI Compressor用于CSS和JavaScript。

减少重新定向

每次网页重定向到另一个网页,访问者都需要额外的时间来等待HTTP请求 - 反应程序执行完成时间,例如如果您的移动重新定向模式如下所示:“example.com - > www.example.com - > m.example.com - > m.example.com/home”,这两个额外的重新定向中的每一个都会让您的网页读取变慢。

利用浏览器暂存

浏览器会暂存大量讯息(样式表、图像、JavaScript文件等等),以便当访问者回到您的网站时,浏览器不必重新读取整个页面,使用像YSlow这样的工具来查看是否已经为暂存设置了过期日期,然后设置你的「expires header」多长时间的讯息被暂存,在很多情况下,除非您的网页设计部分频繁更改,否则一年是合理的时间段,Google在【这里】提供了更多关于利用暂存的信息。

改善伺服器反应时间

您的伺服器反应时间会因为你的网站流量受到影响,每个网页使用的资源,伺服器使用的软件以及您使用的代管方案的影响,为了改善伺服器反应时间,必需知道问题在哪里,如资料库查询速度较慢,网页流量速度慢或缺少足够的记忆体并将对其进行改善,好的伺服器反应时间应该低于200ms。

内容传递网路

内容传递网路(CDN)也称为内容分发网路,是用于分发内容传递负载的伺服器网路,本质上,您的网站副本储存在多个不同地理位置的资料中心,以便用户可以更快,更可靠地访问您的网站。

优化图像

确保你的图像大小不会大于真的需要的大小,PNG与JPEG是在正确的文件格式(PNGs通常使用于色彩较少的图像,而JPEG通常使用在照片),他们因为网路便于浏览而必须被压缩容量。

使用CSS精灵为您在网站上频繁使用的图像(如按钮和图标)创建模板,CSS精灵会把你的图像合併成一个一次读取的大图像(相对的会有更少的HTTP请求),然后只显示你想要显示的部分,这意味着您不让用户等待读取一个又一个的图像。


头条资讯
留言跟帖
热门文章
日榜 周榜
1 网站内部SEO - On-Site SEO -新视野网页设计

「网站内部(On-Site SEO)SEO」,也可以称为「网页内部SEO(on-page SEO)」,是指单在网站上执行的优化网站的元素(其它如,连结到其它网际网路与其它外部信息,统称为「非网站内部SEO」,在此章节先不讨论),从自然搜寻上,提高网站搜寻排序并赚取更多有意义的流量,「网站内部SEO」,藉由优化网页内容与HTML程式码的网页来达成。仅此于帮助搜寻引擎解释网页内容,适当的网页SEO指是...

2 Google蜂鸟演算法-新视野网页设计

Google蜂鸟初始发布日期:2013年8月20日与之前发布的「熊猫演算法」和「企鹅演算法」更新不同,后者最初是作为Google现有算法的附件发布的,目前「蜂鸟演算法」已彻底转变成为核心算法引用, 虽然核心算法中许多先前组件还是保持着,但「蜂鸟演算法」表明Google开始深入了解搜寻者「查询资料的意图为何?」,并将其与相关结果进行匹配。谷歌在2013年9月26日宣布了「蜂鸟演算法」,但实际上大约一...

3 网页因素 - On-Page Factors -新视野网页设计

以一个网页的内容来说,为什幺值得目前搜索的排名结果,是应该依照搜寻者的观点来看的,当然对于搜索引擎来说这也是非常重要的,因此,创建优质内容是非常重要的, 什幺是优质内容呢? 从SEO的角度来看,所有好的内容都需要有两个要点,好的内容必须提供需求,并且是可以被连结的。就如同全球经济市场相同,讯息会依照供应与需求的关係而受到影响。 最优质的网页内容是可以提供最大需求的工作, 它可能是一个XKCD漫画的...

4 外部连结 - External Links-新视野网页设计

外部连结是超连结,来源非自身网址之外的任何网址。简单的说,如果另一个网站连结到你,这被认为是到你的网站的外部连结。同样如果您连结到另一个网站,这也被视为一个外部连结。程式範例a href= http://www.external-domain.com/ Link Anchor Text /a 最佳方式在锚点文字中使用描述性关键字,这些关键字反映了目标网页所指定的相同主题或关键字,没有必要每次都使用...

5 Robots Meta 指令 - Robots Meta Directives -新视野网页设计

Robots Meta 指令(有时也称为“Meta标籤”)是一些程式语法,它们提供网页爬虫如何抓取或索引网页内容的抓取指令,虽然robots.txt文件指令也可以帮网路爬虫提供了如何抓取网站的建议,但Robots Meta指令提供了更为严格的,指导网页爬虫如何抓取和索引页面的内容。有两种类型的Robots Meta 指令:属于HTML页面(如meta robots tag)的部分,以及Web服务器...

6 网页描述 - Meta Description -新视野网页设计

网页描述 - Meta DescriptionMeta description(网页描述)是HTML属性,提供简明的网页摘要。它们通常出现在搜索引擎结果页面(SERP)中的蓝色可点击链接下。例如:Meta description可以是任意长度,但是搜寻引擎通常会截断超过160个字符之后的片段。最好保留Meta description有足够长度的说明,但是需要比160个字符的限制短。Meta des...

7 锚点文字 - Anchor Text-新视野网页设计

锚点文字是超连结中可见的可点击文本。在现代浏览器中,它通常是蓝色和下底线方式呈现,例如这个连结到新视野网页设计公司首页。程式範例a href= http://www.example.com Example Anchor Text /a 搜寻引擎优化友善的锚点文字是简洁的、与目标网页相关的(从这个网页连结过去的网页)。什幺是锚点文字?锚点文字是连结到网站上其它文件档或显示位置时的超连结,显示方式为可...

8 Google Medic Update做了那些改变? YMYL是什幺?-新视野网页设计

他所代表的意思很简单,就是“Your Money or Your Life.”,中文来就就是,生活与财产相关的网页,将来GOOGLE对于YMYL相关的内容将更为重视。哪些是YMYL的网页呢?虽然GOOGLE有提到Money字眼,但是他说的内容涵盖并不单单只是金钱,据GOOGLE所描述的,任何可以影响人们健康、快乐、安全或是财务的网站页面都是属于YMYL範围内。1.如果你的网站或是在网页中有提到股票...

9 网址连结 - URLs -新视野网页设计

URL(全球资源定址器)(更一般地称为“网址”)指定网际网路上资源(例如网页)的位置。 该URL还指定如何检索该资源(也称为“协议”,如HTTP,HTTPS,FTP等)。Code Samplehttp://www.exampledomain.com强制限制字数要在所有浏览器中正确呈现,URL必须少于2,083个字符。http://www.example.com/category-keyword/s...

10 网址、网域、网名 - Domains -新视野网页设计

什幺是网址(Domains)?网址是网站唯一的、人类可读的网际网路地址,它们由三部分组成:顶级网址(有时称为扩展网址或网址后缀)、一个网址(或IP地址)和一个可选的子网址。只有网址和顶级网址的组合被称为“根网址”,http://”是页面URL的一部分,但不是网址,被称为“协议”。让我们更仔细地看看这些元素:顶级网址(TLD)是出现在网址末尾的后缀的正式名称。顶级网址的一些例子包括:.com.net...

1 网站内部SEO - On-Site SEO -新视野网页设计

「网站内部(On-Site SEO)SEO」,也可以称为「网页内部SEO(on-page SEO)」,是指单在网站上执行的优化网站的元素(其它如,连结到其它网际网路与其它外部信息,统称为「非网站内部SEO」,在此章节先不讨论),从自然搜寻上,提高网站搜寻排序并赚取更多有意义的流量,「网站内部SEO」,藉由优化网页内容与HTML程式码的网页来达成。仅此于帮助搜寻引擎解释网页内容,适当的网页SEO指是...

2 Google蜂鸟演算法-新视野网页设计

Google蜂鸟初始发布日期:2013年8月20日与之前发布的「熊猫演算法」和「企鹅演算法」更新不同,后者最初是作为Google现有算法的附件发布的,目前「蜂鸟演算法」已彻底转变成为核心算法引用, 虽然核心算法中许多先前组件还是保持着,但「蜂鸟演算法」表明Google开始深入了解搜寻者「查询资料的意图为何?」,并将其与相关结果进行匹配。谷歌在2013年9月26日宣布了「蜂鸟演算法」,但实际上大约一...

3 网页因素 - On-Page Factors -新视野网页设计

以一个网页的内容来说,为什幺值得目前搜索的排名结果,是应该依照搜寻者的观点来看的,当然对于搜索引擎来说这也是非常重要的,因此,创建优质内容是非常重要的, 什幺是优质内容呢? 从SEO的角度来看,所有好的内容都需要有两个要点,好的内容必须提供需求,并且是可以被连结的。就如同全球经济市场相同,讯息会依照供应与需求的关係而受到影响。 最优质的网页内容是可以提供最大需求的工作, 它可能是一个XKCD漫画的...

4 外部连结 - External Links-新视野网页设计

外部连结是超连结,来源非自身网址之外的任何网址。简单的说,如果另一个网站连结到你,这被认为是到你的网站的外部连结。同样如果您连结到另一个网站,这也被视为一个外部连结。程式範例a href= http://www.external-domain.com/ Link Anchor Text /a 最佳方式在锚点文字中使用描述性关键字,这些关键字反映了目标网页所指定的相同主题或关键字,没有必要每次都使用...

5 Robots Meta 指令 - Robots Meta Directives -新视野网页设计

Robots Meta 指令(有时也称为“Meta标籤”)是一些程式语法,它们提供网页爬虫如何抓取或索引网页内容的抓取指令,虽然robots.txt文件指令也可以帮网路爬虫提供了如何抓取网站的建议,但Robots Meta指令提供了更为严格的,指导网页爬虫如何抓取和索引页面的内容。有两种类型的Robots Meta 指令:属于HTML页面(如meta robots tag)的部分,以及Web服务器...

6 网页描述 - Meta Description -新视野网页设计

网页描述 - Meta DescriptionMeta description(网页描述)是HTML属性,提供简明的网页摘要。它们通常出现在搜索引擎结果页面(SERP)中的蓝色可点击链接下。例如:Meta description可以是任意长度,但是搜寻引擎通常会截断超过160个字符之后的片段。最好保留Meta description有足够长度的说明,但是需要比160个字符的限制短。Meta des...

7 锚点文字 - Anchor Text-新视野网页设计

锚点文字是超连结中可见的可点击文本。在现代浏览器中,它通常是蓝色和下底线方式呈现,例如这个连结到新视野网页设计公司首页。程式範例a href= http://www.example.com Example Anchor Text /a 搜寻引擎优化友善的锚点文字是简洁的、与目标网页相关的(从这个网页连结过去的网页)。什幺是锚点文字?锚点文字是连结到网站上其它文件档或显示位置时的超连结,显示方式为可...

8 Google Medic Update做了那些改变? YMYL是什幺?-新视野网页设计

他所代表的意思很简单,就是“Your Money or Your Life.”,中文来就就是,生活与财产相关的网页,将来GOOGLE对于YMYL相关的内容将更为重视。哪些是YMYL的网页呢?虽然GOOGLE有提到Money字眼,但是他说的内容涵盖并不单单只是金钱,据GOOGLE所描述的,任何可以影响人们健康、快乐、安全或是财务的网站页面都是属于YMYL範围内。1.如果你的网站或是在网页中有提到股票...

9 网址连结 - URLs -新视野网页设计

URL(全球资源定址器)(更一般地称为“网址”)指定网际网路上资源(例如网页)的位置。 该URL还指定如何检索该资源(也称为“协议”,如HTTP,HTTPS,FTP等)。Code Samplehttp://www.exampledomain.com强制限制字数要在所有浏览器中正确呈现,URL必须少于2,083个字符。http://www.example.com/category-keyword/s...

10 网址、网域、网名 - Domains -新视野网页设计

什幺是网址(Domains)?网址是网站唯一的、人类可读的网际网路地址,它们由三部分组成:顶级网址(有时称为扩展网址或网址后缀)、一个网址(或IP地址)和一个可选的子网址。只有网址和顶级网址的组合被称为“根网址”,http://”是页面URL的一部分,但不是网址,被称为“协议”。让我们更仔细地看看这些元素:顶级网址(TLD)是出现在网址末尾的后缀的正式名称。顶级网址的一些例子包括:.com.net...

热门视频

关于本站 | 联系方式 | 发展历程 | 相关帮助 | 广告联系 | 网站地图

备案号:粤ICP备18132238号-1 技术支持:杰奇SEO