的移动页面优化方案,网页加速特技之

来源:http://www.michaelspen.com 作者:html入门 人气:200 发布时间:2019-10-12
摘要:AMP,来自 Google 的位移页面优化方案 2015/10/12 · HTML5 ·AMP 初藳出处:imququ(@屈光宇)    Web 质量优化(Web PerformanceOptimization,WPO)是叁个故伎重演的话题,小编也写过不菲有关「特性

AMP,来自 Google 的位移页面优化方案

2015/10/12 · HTML5 · AMP

初藳出处: imququ(@屈光宇)   

Web 质量优化(Web Performance Optimization,WPO)是叁个故伎重演的话题,小编也写过不菲有关「特性优化」的篇章。前段时间Google 某些协会推出了一项名叫 Accelerated Mobile Pages(AMP)的能力,堪称能大大加快活动端页面显示速度,升高总体体验。本文就带我们认识一下那项新本领。

 

AMP 介绍

Accelerated Mobile Pages(官网、GitHub),直译成人中学文是「加快的位移页面」的意趣。依据官方表达,AMP 在 Speed Index(首屏表现时间平均值)测验中,质量有 15% ~ 85% 的升高,测量检验是在模拟 3G 互联网情状并仿照 Nexus 5 的规格下成功(详情)。

AMP 怎么样让页面品质小幅度提高暂时搁置一边,先来拜望它是怎样。依据官方网址文书档案获悉,AMP 重要由 AMP HTML、AMP Runtime 以致 AMP Components 三局地构成。

据总括,40%的人会遗弃选取加载时间超越3秒的网址。对于加载慢的页面笔者也是没耐心等待的,同品种网址那么多,为何不选用加载速度更加快体验更加好的吗。为了缓和网页加载慢的难点,Google联合数十家能力机商谈商城等生产了运动网页加速项目(Accelerated Mobile Pages, AMP)。

AMP HTML

AMP HTML 是 HTML 的子集,在 AMP HTML 中只允许使用有限的价签。举例 <body><article> 那些标签能够直接行使,没有别的限制;有个别标签允许有限定的运用,比如 <meta> 标签不能够使用 http-equiv 属性;而像 <img><audio> 那样的价签须要替换为 <amp-img><amp-audio> 等 AMP Components;愈来愈多的价签如 <frame><form> 不允许采用。

全部表达能够查看官方网站的 AMP HTML 格式文书档案。以下是该文书档案中的 AMP HTML 示例:

XHTML

<html> <head> <meta charset="utf-8"> <title>Sample document</title> <link rel="canonical" href="./regular-html-version.html"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui"> <style amp-custom> h1 {color: red} </style> <script type="application/ld+json"> { "@context": "", "@type": "NewsArticle", "headline": "Article headline", "image": [ "thumbnail1.jpg" ], "datePublished": "2015-02-05T08:00:00+08:00" } </script> <script async custom-element="amp-carousel" src="; <style>body {opacity: 0}</style><noscript><style>body {opacity: 1}</style></noscript> <script async src="; </head> <body> <h1>Sample document</h1> <p> Some text <amp-img src=sample.jpg width=300 height=300></amp-img> </p> <amp-ad width=300 height=250 type="a9" data-aax_size="300x250" data-aax_pubname="test123" data-aax_src="302"> </amp-ad> </body> </html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<html>
<head>
  <meta charset="utf-8">
  <title>Sample document</title>
  <link rel="canonical" href="./regular-html-version.html">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">
  <style amp-custom>
    h1 {color: red}
  </style>
  <script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "NewsArticle",
    "headline": "Article headline",
    "image": [
      "thumbnail1.jpg"
    ],
    "datePublished": "2015-02-05T08:00:00+08:00"
  }
  </script>
  <script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>
  <style>body {opacity: 0}</style><noscript><style>body {opacity: 1}</style></noscript>
  <script async src="https://cdn.ampproject.org/v0.js"></script>
</head>
<body>
<h1>Sample document</h1>
<p>
  Some text
  <amp-img src=sample.jpg width=300 height=300></amp-img>
</p>
<amp-ad width=300 height=250
    type="a9"
    data-aax_size="300x250"
    data-aax_pubname="test123"
    data-aax_src="302">
</amp-ad>
</body>
</html>

能够看出,AMP HTML 与普通 HTML 并不曾什么太大分别,上边这段代码可以直接存为 .html 文件,并在浏览器中健康运作。上面不难列举部分格式上的须要:

  • DTD 必须是: <!doctype html>
  • 顶层标签必得富含 AMP 属性,如:<html ⚡> 或 <html amp>(让任何程序能有益地识别出那是 AMP HTML);
  • 不可能不在 HEAD 区域中放置 <link rel="canonical" href="$SOME_URL" /> 标签,用来钦赐该文档普通版本的 U索罗德L;如若唯有三个版本,使用当前 ULX570L 就可以(告诉搜索引擎,那是同壹个页面区别的本子,否则恐怕会被判作弊);
  • 必须将 <meta charset="utf-8"> 放置在 HEAD 区域最先始的岗位(实际上,普通 HTML 也理应那样做);
  • 不可能不在 HEAD 区域富含那几个ViewPort:<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">
  • 必须将 <script async src="https://cdn.ampproject.org/v0.js"></script> 作为 HEAD 区域最终的成分;
  • 不能不在 HEAD 区域包蕴以下代码:<style>body {opacity: 0}</style><noscript><style>body {opacity: 1}</style></noscript>

据AMP官方网址总括近期已有那些消息类网站和科技(science and technology)类网址早先利用AMP,包涵Wordpress、YouTube、Twitter、LinkedIn、BBC等。

AMP Runtime

在上头的 AMP HTML 代码中,HEAD 区域最终外链引进的 JS 便是 AMP Runtime。AMP Runtime 提供对自定义成分(Custom Elements)的帮忙,负担和睦整工能源的加载机会和优先级,乃至提供验证器等调度作用。

做客 AMP HTML 时,在 URubiconL 最终追加 #development=1 会开启开垦者情势。这时 AMP Runtime 会自动加载验证器,并在调节台显示本页不适合 AMP 规范的任务信息。

暧昧觉厉,接下去让我们一齐来揭秘AMP神秘的面纱吧。

AMP Components

AMP Components 是应用浏览器自定义成分(Custom Elements)达成的零部件,用来替换 HTML 中暗中认可的 <img> 和 <video> 等标签,用来落到实处对能源的自定义加载计策;它也用于落到实处部分头晕目眩的相互功能,如图片轮播。AMP Components 分为两类:

1)内置组件,包涵:amp-img、amp-audio、amp-anim、amp-ad、amp-pixel、amp-video,在 AMP HTML 引进了 AMP Runtime 之后,这一个内置组件就能够直接行使。

2)增添组件,富含:amp-carousel、amp-lightbox、amp-iframe、amp-instagram、amp-twitter、amp-youtube。要动用扩充组件,要求在 AMP HTML 中引进该零件对应的公文。举个例子要选用 amp-carousel 就亟须引进以下文件(要求求有 async 和 custom-element 属性):

JavaScript

<script async custom-element="amp-carousel" src=";

1
<script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>

此间有三个如约 AMP HTML 标准编写的页面,我们能够一向用浏览器展开查看:AMP 示例(注:为了保证本国张开速度,作者把 AMP JS 托管在了地面,实际上那样做并不符合标准)。

一、什么是AMP?

Accelerated Mobile Pages (AMP)直译过来正是在移动道具上十分的快加载的网页。它是由 Google发起的三个开源项目,主要指标是缩小静态内容的渲染时间由此使得升高网址的加载速度。

那正是说难点来了,AMP的加载速度到底有多快?

依附 谷歌(Google) 官方表明,AMP 在模拟 Nexus 5 并模拟 3G 网络的测量试验景况下,首屏表现速度有 15% ~ 85% 的提升。

篮球世界杯投注盘口 1

那般NB,让我们来探视AMP到底如何鬼。。。

AMP重要由三个部分组成:

AMP 剖析

1.AMP HTML

1).AMP HTML 规范*

AMP HTML 在 HTML 的根底上加了部分选择限制,而且增多了AMP自定义的零件。

AMP 禁止使用部分 HTML 标签如<frame><form><input> 等。

某个 HTML 标签必得利用 AMP 自定义的组件来替换如 <img> 、 <video> 用 <amp-img> 、 <amp-video>替换。

AMP在HTML基础上也提供一些恢宏组件,如 <amp-carousel> 、 <amp-iframe><amp-youtube>等,可是使用扩张组件时必得引进相应的JS文件。

二个粗略的 AMP HTML 示例:

篮球世界杯投注盘口 2

将上面的代码保存为 .html 文件,在浏览器中就能够符合规律运作,从那个示例可以看见,AMP HTML 的写法和HTML差相当少,然而又有本人的正儿八经供给:

  • DTD 必须是: <!doctype html>;

  • 顶层标签必需带有 AMP 属性如: <html amp>,方便其余程序识别 AMP HTML;

  • 不可能不在 HEAD 区域中放置 <link rel="canonical" href="$SOME_URL" /> 标签,钦定该页面普通版本的 U翼虎L;借使唯有三个版本,则利用当前 U奔驰G级L;

  • 必须将<meta charset="utf-8"> 放置在 HEAD 区域最最早的地方;

  • 不能够不在 HEAD 区域包含这么些 ViewPort:
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">

  • 必须将 <script async src="https://cdn.ampproject.org/v0.js"></script> 作为 HEAD区域最终的因素;

  • 不可能不在 HEAD 区域富含上边示例所示的<style amp-boilerplate> 和 <noscript>的相干代码;

更加的多 AMP HTML 相关表达,可活动 AMP HTML官方文书档案

恒定:化解单一难题

因从前面临 AMP 的介绍,你势必会感觉意外,为何 AMP HTML 有那么多限制和束缚,那样阉割后的 HTML 还可能有哪些适用场景。实际上,AMP 只关心于一件事 —— 进步静态页面包车型地铁性质。

本条「静态」并非指没有服务端参预的页面,而是指没有复杂交互、以内容展现为主的财富页,规范事例正是消息详细情形页。未来的网址类型很多,游戏类、摄像类、电商类等等,每一项网址都装有和谐的表征,优化攻略也各不一致样,用一种方案去消除全部题目诞罔不经。所以 AMP 项目将关怀点放在了更便于优化且功效最分明的内容型页面。

2)AMP HTML 组件

自定义组件

AMP HTML 自定义5个组件: amp-ad、amp-embed、amp-img、amp-pixel、amp-video

零件直接以标签的花样开展应用,如页面中需求加载video、img 使用相应的机件就可以,如下:

篮球世界杯投注盘口 3

篮球世界杯投注盘口 4

amp-video amp-img 组件实际是采用HTML原生<video> <img> 标签来达成,所以在页面上的来得效果和原生HTML一致。

篮球世界杯投注盘口 5

amp-ad、amp-embed 组件主要用于引进广告类新闻,使用iframe的点子来促成。

强盛组件

AMP HTML的三个珍视特征正是可扩大性,它提供扩充组件来促成拉长的效果与利益。

官方网址近些日子提供的强大有youtube录制组件、twitter组件、轮播、滚动、instagramd等等。

利用增添组件要求在页面尾部引进信赖的JS文件,如选取twitter组件:

篮球世界杯投注盘口 6

twitter组件的显得效果如图:

篮球世界杯投注盘口 7

扩张组件使用iframe来落到实处,定义扩充组件必得严苛遵从AMP的3p contribution guidelines(为了保障品质,定义扩展组件的渴求丰硕多)。

选型:纯 web 应用方案

Web 优化有很各类方案,每一个方案都有谈得来的适用范围。有些收入非常高的优化手腕,存在此么那样的范围:举例针对现实事情逻辑所做的优化,很难通用化;陈设Google的 PageSpeed 模块等服务端优化方案,使用开支极高;依附顾客端所做的优化,如现在广为流行的活动端 WebView 容器加快方案,优化职能局限在钦点 APP内,以致还有恐怕会促成使用通用浏览器访问速度越来越慢(这一个话题很有意思,有空子之后再批评)。

以内容为主的音信详细情形页,超过52%性质消耗在图片、录像等媒体财富以致第三方功效如广告、社会化组件的加载上。将这么些内容替换为 AMP Components,制止能源暗中同意被加载,再用 AMP Runtime 统一和谐理治本,确实是二个通用化、低使用基金且能让具有浏览器收益的折中方案。何况,AMP 方案不凭仗任何特定的服务端或顾客端,能够将页面一直托管在 CDN,进一步进步客商访谈速度。

2.AMP JS

AMP JS 是 AMP 本事的基本。

篮球世界杯投注盘口 8

AMP JS 担任和睦整工能源的加载机遇和优先级,让外界能源按差别顺序加载使得页面包车型客车显要内容优先加载;AMP JS 的resources模块依据成分优先级(amp-img的优先级高于amp-ad的优先级)、操作优先级、可视优先级给财富评分,依据评分调节约资金源加载优先级。

它还承担页面包车型客车性质优化,比方在能源加载成功前对页面成布满局预管理,禁止使用慢的CSS选用器,对 iframe 进行沙盒管理,提供对自定义成分的支撑。

AMP JS 也承担提供验证器等调解功用,在U奥迪Q3L最终加 #development=1 就能够张开调节和测验形式,AMP会自动加载验证器,并在调整台显示本页不符合AMP标准的报错新闻。

金玉满堂:能源调解与操纵

浏览器对两样财富加载和预加载有自个儿的国策,对于预加载,大家有局地调控权,但总的看来这一块对于开荒者来讲还是非常不可控。譬喻浏览器暗中认可会并行加载多张图纸,但在显示器小、网速慢、品质差的手提式有线话机上,串行由上到下加载图片很恐怕体会越来越好。

一举手一投足设备在网络、CPU、内部存款和储蓄器等地点与 PC 天壤之隔,非常多 PC 上能够忽视的题材,在移动端不得不重申起来。比如我们都清楚图片是异步加载的,页面触发 DOMContentLoaded 事件并没有需求等图片加载完,但在移动端,大量图形加载带来品质费用却会急剧延后 DOMContentLoaded 机遇。以下是大家在有些移动产品中,将图纸张开延期加载管理后的 DOMContentLoaded 时间相比较总计,可以看见明明的成形:篮球世界杯投注盘口 9

将图片、录像等标签和第三方作用换到 AMP Components 后,AMP Runtime 能够活动处理延迟加载、按需加载等逻辑,确认保障页面首屏性能。为了幸免延迟加载的能源吸引页面抖动,开辟者必得给各个AMP Components 都设置高宽属性,每一种 Components 都帮助各类 layout 布局,在 responsive 布局下,组件会遵照最早高宽比例自动调节大小。

除此以外,一些能源十二分消耗质量,比如 gif 和 video,AMP Runtime 能够在它们处于不可以看到时销毁成分,释放财富。同理可得,使用了 AMP 方案,也就是将页面财富托管给了 AMP Runtime 管理,一回修改就足以坐享后续所有计谋进步带来的属性进步。

3.Google AMP Cache

Google AMP Cache是八个依照代理体制的源委分发网络(CDN),它会散发全体合格的AMP文件,它会抓取AMP页面并扩充缓存,自动晋级页面包车型大巴天性。使用GoogleAMP Cache,页面、JS文件、图片等都以从同一个源获取,何况选择HTTP2.0来优化质量。

其一缓存机制还隐含的求证系统,以担保网页不受外界能源的限制,能随时随地正常运行。它能自动验证网页是还是不是相符AMP HTML的正式。

理念:很有借鉴意义

正文到此处,大概快要收场了。经过地点的介绍,大家对 AMP 项目应该有了必然的认知。最终谈谈本人的观念:

AMP 项目对书写代码设置了一大波限制,举例全部能源只好托管给 AMP Runtime 加载;不容许行使 AMP Runtime、AMP Components 之外的 JS;不一致敬接纳inline JS;只可以利用有限的 inline CSS 样式;JS 和 Web Font 必得利用钦赐的 CDN 等等,那都以为后边的优化战略做打算。全部原理并不复杂,难题是配套设备的确立,以至怎么样说服网址主更动代码。但是,Google后续十分大概对应用了 AMP 的页面提权,那样一来我们就有引力了。

符合 AMP 规范的页面不会比由 WPO 行家优化后的页面更加快,它是贰个通用化的才干,肯定包涵众多事务用不上的代码逻辑,也可能有相当多优化手腕它不能提供。但对于不了解怎么 WPO 的网址以来,使用 AMP 则是三个百般不易的挑选。

然而,我感觉 AMP 很难直接用在境内项目中。首先,前边说过,AMP Runtime、Components 必需从 cdn.ampproject.org 加载;Web Font 必须从 fonts.googleapis.com 加载。那样做的角度是为着更可控,以至越来越好的在各网址之间分享缓存,可是那一个域名在境内很难访谈照旧直接被墙。其次,从当前 AMP 近年来已部分扩张组件来看,instagram、twitter、youtube 那类海外媒体常用的服务在本国都没办法儿采用,内置的 ad 组件也不切合国情。

而是,AMP 项目对我们开展运动 Web 优化照旧很有借鉴意义。实际上,调节能源加载、处理响应式元素防止页面抖动、主动释放能源等政策,大家在品种中都有和好的尝尝与经验,但大家的方案依然过分注重服务端,要么未有抽象成通用方式,导致爱莫能助推广到更加多产品,这么些皆以接二连三能够大力的矛头,而 AMP 规范和代码完成,将会是最棒的参照他事他说加以考察资料。

1 赞 3 收藏 评论

篮球世界杯投注盘口 10

二、AMP HTML 和 HTML 比较

简易询问了 AMP 的有关标准,大家来证实下 AMP 是还是不是还是事中那么NB。。。

各自用 AMP HTML 和 HTML 写了七个一律的页面,页面中有三拾一个HTTP央浼,包括二个video、28张图纸等财富。十分的少说,直接上航海用教室:

3G(1Mbps 40ms RTT)网络状态下,HTML页面:

篮球世界杯投注盘口 11

3G(1Mbps 40ms RTT)网络状态下,AMP页面:

篮球世界杯投注盘口 12

从上海体育场所比较可阅览,3G网络下,AMP页面包车型客车onload时间比HTML页面快八分之四之上,当然这是在HTML页面图片没做lazy-load优化的图景下。

3G(1Mbps 40ms RTT)互连网状态下,HTML页面:

3G(1Mbps 40ms RTT)互联网状态下,AMP页面:

从下边两图相比可以预知到,3G互联网下AMP页面包车型客车渲染时间显著快于HTML页面。

AMP页面优化能源加载,自动对能源做延迟加载,首屏完整展现的进程显著快于HTML页面。

上边的测验页面是静态内容页面,不关乎到服务器数据拉取和错综相连的页面交互,所以有早晚的局限性。要深远领悟AMP页面和HTML的差异,还索要愈来愈多的测验。

三、AMP怎样晋级品质?

在静态内容页面测量试验数据中,AMP页面包车型大巴加载速度确实越来越快,那么AMP提高页面加载速度的门槛是如何捏,我们一起来走访。

1.只同意异步加载script

HTML 分析器境遇 script 标签,它会半途而返创设 DOM,并移交调控权给 JavaScript 引擎;等 JavaScript 引擎推行达成,浏览器从当中断的地点恢复 DOM 构建。实施内联脚本会阻塞 DOM 营造,也就延迟了第一次渲染。为了减弱JS对页面渲染的延迟,AMP不容许直接利用内联脚本,只允许异步加载JS。

AMP页面不容许直接包罗其余内联JS,页面交互可在AMP组件中管理,AMP组件是经过精心设计的保障不会影响页面质量。第三方JS只允许在 iframe 中选择,那样就不会卡住主页面包车型大巴渲染。

2.静态能源钦点宽高

扩展能源如图片、iframe等必需在标签中钦点他们的宽高,AMP能够在此些财富下载达成在此之前就调控每三个因素的宽高和地点,AMP在装有财富加载完以前就起来页面布局。

AMP把文书档案和财富分开布局,防止样式重新计算和布局,能源加载成功后不会再也布局。

3.制止扩大机制影响渲染

AMP补助部分恢宏组件如:<amp-lightboxes>,<amp-tweets>,使用这一个零件须要加载相应的JS文件,会扩张额外的HTTP央求,可是那些诉求不会卡住页面包车型地铁布局和渲染。

其他页面用原生的script标签,必供给公告AMP系统,即在`script`中加 `custome-element`属性。

4.第一路径禁止使用第三方JS

AMP 只可以在 sandboxed iframe 中加载第三方 JS。把他们充任iframes,由此不会卡住主页面。假使第三方JS触发多个样式重总括,iframe中也独有相当少一些DOM,重新布局不会损耗过多脾性。

5.CSS需求内联,内联样式表最大50kb

CSS会阻塞页面渲染,阻塞页面加载。在AMP页面中,只同意内联样式,那会在第一渲染路线上比相似的页面减弱1或三个HTTP诉求。

篮球世界杯投注盘口,CSS使用内联,内联样式表(inline stylesheet)最大不超越50kb。

6.字体必需有效触发

Web字体比异常的大,因而Web字体对质量优化是不能缺少的。在三个通常的页面中有部分script和样式表,浏览器须要等待那个能源加载成功后起始加载这个大的书体能源。

在AMP中装有的JS都以异步加载並且只同意利用内联样式表,所以未有HTTP乞请阻塞浏览器去加载字体财富。

7.减小样式重总计

修改成分样式时,会触发样式重新总计,那是老大高的习性消耗,因为浏览器须要重新布局整个页面。AMP页面在张开DOM写操作在此以前会先读取DOM,那样能担保样式重计算时三次最规范到每一帧的样式。

8.只运转经GPU加速的卡通

AMP网页上的动画片只允许变形和反射率调节,进而省去重新布局页面包车型大巴小时。

9.优化能源加载次序

AMP调整全数的财富加载,优先加载供给的财富(如首屏须求出示的财富),预加载能够推迟加载的能源。

AMP加载能源时,最珍视的财富最初被加载,images 和 ads 在她们唯恐被客商见到的情况下才加载,或然在客商快速轮转到她们的职责时加载。

10.使用 preconnect API

新的preconnect API用来担保HTTP需要尽大概快。页面能够在客商观察在此之前就渲染完结。通过即时加载,页面大概在客商选择它的时候就早正是可用的了。

固然预渲染能够让页面越来越快,可是也会消耗大批量的带宽和CPU。AMP对裁减那几个成分实行了优化。预渲染只会下载被遮住的一部分财富,何况不会渲染很耗CPU的剧情。

四、总结与沉思

AMP亮点:

  1. AMP有助于网址SEO,在网址内容非常多的动静下,使用AMP的网址在 Google找寻中得以获取更靠前的排行。

  2. 延期加载、按需加载使得首屏表现更加快。

  3. 进而对内容型页面质量优化分明。

AMP限制:

网络范围,如AMP JS、AMP Components 必得从 cdn.ampproject.org 加载;Web Font 必得从 fonts.googleapis.com 加载,那几个源网址在本国访谈速度相当的慢以致向来被墙。

引进第三方财富受限。

内需依照严厉的代码规范指导。

AMP设计的初志正是针对静态内容,用来加速新闻类网址,所以对另外交互比较多的网址可能并不适用。不过,AMP 调控财富加载、管理响应式成分制止页面抖动、主动释放能源等政策能够视作我们对运动 Web 优化的参照。

参照他事他说加以考察资料:
1.
2.
3.
4.

相关阅读

一条龙满足电凉秋云总结需要的门槛

面向亿万级顾客的QQ经常做什么?——兴趣部落的 Web 同构直出分享

「腾讯云游戏开采者本事沙龙」1月十二日布Rees班站申请开启 畅谈游戏加快

 

此文已由作者授权Tencent云本事社区发布,转载请评释小讲出处

原作链接:

海量技术施行经验,尽在Tencent云社区!

本文由篮球世界杯投注盘口_篮球世界杯即时盘口发布于html入门,转载请注明出处:的移动页面优化方案,网页加速特技之

关键词:

最火资讯