关于此课程

你将通过详细了解移动浏览器和桌面浏览器如何渲染页面,学习如何提高任何网站的速度。

在这一简短的课程中,你将学习关键渲染路径,也就是浏览器将 HTML、CSS 和 JavaScript 转换成实际运作的网站必须采取的一系列步骤。接着,你将利用工具来衡量性能,并运用简单的策略尽快向屏幕中渲染画面。你将学习如何利用 Google Chrome 的开发者工具—— PageSpeed Insights 和时间表视图,找到所需的数据并立即提高性能!此课程提供中文版本。

喜欢这门课程?你可以继续学习“前端开发工程师”纳米学位!

学费
免费
学习时间
大约 1 WEEKS
难度
中级
你将获得

Rich Learning Content

Interactive Quizzes

Taught by Industry Pros

Self-Paced Learning

Student Support Community

开始你的旅程

学习这门免费课程,迈出通往前端开发(进阶)职业道路的第一步。

免费课程

网站性能优化(中/英)

合作企业 Google

通过创新性的自主学习方式,掌握新技能,提升竞争力。

Icon steps 54aa753742d05d598baf005f2bb1b5bb6339a7d544b84089a1eee6acd5a8543d
 
 

课程讲师

Cameron Pittman
Cameron Pittman

优达学城讲师,高级内容策划

Ilya Grigorik
Ilya Grigorik

讲师

你将学到什么

先修知识及要求

本课程面向所有网络开发人员,无论你是刚开始学习 HTML、CSS 和 JavaScript,还是早已开始创建网站了,都可以学习本课程。

最重要的是,你应该能够解释 HTML、CSS 和 JavaScript 对于网站结构的整体作用。此外,你应该习惯于阅读和编写 HTML 文档并修改 JavaScript 文件。

本课程会运用 Google ChromeGoogle Chrome Canary 来教学。

查看使用优达学城的技术要求

为什么学习这门课程?

摘自 Ilya Grigorik 的 高性能浏览器网络:

"在过去几年内,网站性能优化 (WPO) 行业应运而生并得到快速发展,充分表明了用户体验的重要性不断增强和用户对速度的需求日益增长。这不仅仅是因为我们生活在飞速发展和不断连通的世界而对速度的心理需求,更是实证结果(通过衡量很多互联网企业的底线绩效)推动的需求:

  • 更快的网站会提高用户参与。
  • 更快的网站会更容易留住用户。
  • 更快的网站会带来更高的转化率。

简而言之,速度是一项功能特点。"

实战项目

你需要提高一个在线作品集的速度,并与他人分享,展示你的技能!

留下好的第一印象至关重要,而在线作品集可以帮助你脱颖而出。我们会为你提供一个现代化、适合移动设备的作品集,你将能够完全自定义该作品集,并根据自己的需要展示你的作品和技能。但是在向别人展示前,你需要改善该作品集,使其能够尽量快速地呈现,从而练习你的网络性能技能。

我将获得什么?
Instructor videos Learn by doing exercises Taught by industry professionals