下载
加入VIP
  • 专属下载特权
  • 现金文档折扣购买
  • VIP免费专区
  • 千万文档免费下载

上传资料

关闭

关闭

关闭

封号提示

内容

首页 利用GTmetrix分析百度推广 网站速度分析

利用GTmetrix分析百度推广 网站速度分析.doc

利用GTmetrix分析百度推广 网站速度分析

姚Susie
2018-12-28 0人阅读 举报 0 0 暂无简介

简介:本文档为《利用GTmetrix分析百度推广 网站速度分析doc》,可适用于影视/动漫领域

利用GTmetrix分析百度推广网站速度分析利用GTmetrix分析百度推广网站速度分析利用GTmetrix分析百度推广网站速度分析年月日GoogleAnalytics是目前应用最广泛的免费网站统计分析工具但在网站速度分析方面功能薄弱。有些网站速度测试工具如baidu仅提供页面元素加载时间有些工具如pingdom提供的StartTime、ConnectTime、FirstByte和LastByte细分仍无法满足要求这里使用功能更强大的GTmetrix来分析网站速度本篇是网站内容分析第三部分网站速度分析。这里以首页为例说明基本用法。首先打开GTmetrix在AnalyzePerformanceof下面的输入框中输入要分析的网址点击Go~GTmetrix分析完成之后的报告包括Summary和Breakdown两部分。Summary是概要信息显示了PageSpeedGrade、YSlowGrade、Pageloadtime、Totalpagesize、Totalnumberofrequests等Breakdown用来显示PageSpeed、YSlow、Timeline和History等分类功能。网站速度分析的主要部分在TimeLine标签中里面记录了Request、HTTPCode、Host、Byte和Timeline信息。一、网站速度分析Request分析Request分析旨在了解页面加载过程中发出的所有请求再结合页面元素分析出必要的请求通过减少Request数量提高网站速度。请求的对象包括以下几个方面:HTMLobjecta是网页主体代码。Scriptsobjects包括站内Scripts和站外Scripts。站内Scripts是为满足网站不同功能而设计的站外Scripts主要是谷歌转换跟踪、百度商桥、量子统计和雅虎统计应用。CSSobjects包括站内CSS和站外CSS。站内CSS是为网站布局设计的包括digitalcss、lxcss和commoncss站外CSS是使用百度商桥时调用的bwcss。Imagesobjects包含站内图片请求和站外图片。站内图片请求是为了满足网站设计站外图片请求是GoogleAnalytics和Googledoubleclick为了满足统计跟踪功能而发出的。通过分析发现很多Request可以合并或利用其他技术间接合并利用少量Request满足多个需求。HTTPCode分析HTTPCode分析的目的是找出页面中错误的HTTP请求。通常网页在没有特殊需求时HTTP状态码应该是错误的状态码会直接影响用户体验。、会造成跳转和页面加载速度变慢会直接显示错误信息比如会显示服务器错误等。以下是可能存在问题的HTTPCode:状态码服务器已经成功处理了部分GET请求。状态码临时重定向。状态码请求信息未找到。这些状态码需要与工程师沟通确定到底发生了什么、为什么会发生这些以及该如何处理这些问题。Host分析通过Host分析找出页面加载过程中需要请求的所有主机信息。以下是统计数据:数据显示页面加载过程中除了网站本身主机以外还需要请求个站外主机。过多的主机请求明显会减慢网站速度。Byte分析Byte分析的目的是找出那些未经压缩的请求元素。通常页面元素都会经过压缩以提高传输和加载速度速度。将鼠标移到Byte数据上会显示对象压缩前后的对比信息(未经压缩的只显示压缩前的信息)。如图:数据显示该页面的全部图片都未压缩、部分JS代码未压缩。过多未经压缩的页面对象也降低了网站速度。Timeline分析通过Timeline分析了解每个GET从发出请求到加载完成各个阶段的时间分布。以页面第二个请求举例:在第一个请求发出ms后GoogleAnalytics网站跟踪代码开始发出请求请求从发出到接收完成一共经历了DNSLookup、Connecting、Blocking、Sending、Waiting和Receiving六个阶段时间共计ms。请求完成之后是DOM加载和页面加载。下面简单解释下这六个阶段:)DNSLookupDNS解析时间。如果页面存在多个请求主机频繁DNS解析将消耗更多的时间。)Connecting建立一个TCP连接所需要的时间不同的浏览器使用不同的端口下载资源因此更多的端口等于更多的并行性并且更多的TCP连接时间开销。)Blocking网页请求被阻塞花费在浏览器中的等待网络连接的时间)Sending向服务器发送请求所需要的时间)Waiting等待服务器响应的时间(直到第一个字节是从服务器收到的)优化服务或连接)Receiving接收服务器响应对象需要的时间二、网站速度建议了解了影响网站速度的影响因素我们可以从服务器端、传输端和页面端分别进行网站速度优化。服务器优化服务器优化就是从动态语言执行、数据库查询、数据存储等方面进行优化这些工作复杂而且关系到网站全局整站运行因此需要谨慎当然服务器端优化具体难度和效率取决于网站管理员的水平。由于没有操作过公司服务器因此就不做详细介绍仅以我自己的博客服务器端优化为例说明:)用HTML语言代替PHP语言直接输出信息比如语言、名称、固定URL地址等)定期进行数据库修复和优化)利用Expires为网页静态元素设置过期时间)设置服务器和页面缓存)启用Gzip压缩)其他有效但未实施的方法:利用CDN技术为网站提速缩小Cookie针对WEB组件使用与域名无关的Cookie传输优化传输优化是为了提高数据传输速度减少传输过程中的等待。)字节优化。将页面加载过程中传输的所有数据压缩HTML代码压缩、JS压缩、CSS压缩、图片压缩等。)缓存优化。设置有效的服务器和页面缓存时间。)HTTP优化。A合并CSS和JS减少站内CSS和JS的HTTP请求B利用CSSSprites减少图片HTTP请求C减少站外主机DNS查询D避免不必要的HTTP和JS跳转E减少错误。页面优化页面优化主要围绕网站页面元素进行常见的页面元素有图片、CSS代码、JS代码、HTML代码等。)图片优化。选择合适的图片类型并压缩图片颜色丰富采用JEG格式颜色数少或有透明通道适合用PNG格式LOGO图片用PNG格式或GIF比较适合。)CSS代码优化。去除不使用的CSS代码使用简写精简CSS代码将CSS代码通过外部文件加载CSS链接位置在页面顶部优先加载。)JS代码优化。将JS代码通过外部文件加载优化JS顺序优先加载重要JS将JS放置在页面底部。)HTML代码优化。减少注释信息去除无用代码减少页面空行。)DOM优化:减少DOM个数降低浏览器解析压力设置合理的DOM顺序把重要的DOM放前面。做网站前端优化的朋友一般都知道两个工具:谷歌的PageSpeed和雅虎的Yslow大家可以参考这两个工具的优化建议在GTmetrix的Breakdown标签中有具体信息经过优化之后的网站速度都会有不同程度提高以下是我博客的在谷歌PageSpeed和雅虎Yslow的得分评分是次要的主要的目的是为用户提供良好的用户体验。以上只是个人在做博客和公司网站优化过程中的一些理解其中的不详之处甚至错误的地方欢迎大家批评指正。文章来源:搜索营销艺术感谢宋天龙的投稿

用户评价(0)

关闭

新课改视野下建构高中语文教学实验成果报告(32KB)

抱歉,积分不足下载失败,请稍后再试!

提示

试读已结束,如需要继续阅读或者下载,敬请购买!

文档小程序码

使用微信“扫一扫”扫码寻找文档

1

打开微信

2

扫描小程序码

3

发布寻找信息

4

等待寻找结果

我知道了
评分:

/5

利用GTmetrix分析百度推广 网站速度分析

VIP

在线
客服

免费
邮箱

爱问共享资料服务号

扫描关注领取更多福利