创建 Web 应用程序时应始终考虑性能。为了帮助你开始,本文列举了有效提高应用程序性能的 12 种方法。
性能是创建网页或应用程序时最重要的一个方面。没有人想要应用程序崩溃或者网页无法加载,或者用户的等待时间很长。根据 Kissmetrics,47%的访问者希望网站在不到 2 秒的时间内加载,如果加载过程需要 3 秒以上,则有 40%的访问者会离开网站。
考虑到以上这些数字,你在创建 Web 应用程序时应始终考虑性能。为了帮助你开始,以下提供了有效提高应用程序性能的 12 种方法:
要这样做有两种选择。第一种是使用 JavaScript Cache API,我们可以安装 service worker 来使用它。第二种是使用 HTTP 协议缓存。
访问某个对象通常要用脚本。通过把重复访问的对象存储在用户定义的变量中,以及在后续对该对象的引用中使用变量,可以立即实现性能的提升。
为了有效地衡量你在程序中加入的任何改进,你必须创建一组定义良好的环境,以便测试代码的性能。
对所有 Javascript 引擎的所有版本进行性能测试和优化实际上是不可行的。但是,在单一的环境中进行测试并非一个好习惯,因为你可能会得到片面的结果。因此,建立多个定义良好的环境并测试代码是否有效非常重要。
此步骤不仅会缩短传输时间,还会缩短浏览器分析和编译代码所需的时间。为此,你必须考虑以下几点:
你应该始终给内存加一条限制,那就是只有绝对必须的内容才能使用内存,因为你无法知道运行应用程序的设备到底需要多少内存。只要你的代码要求浏览器保留新的内存,浏览器的垃圾收集器就会被执行,并停止 JavaScript 的运行。如果经常发生这种情况,页面将变慢。
用户希望页面快速加载,但并非所有函数都需要在页面的初始加载时就可用。如果用户必须执行某个操作才能执行某个函数(例如,通过单击某个元素或更改选项卡),那么你可以将该函数的加载推迟到初始页面加载之后。
通过这种方式,你可以避免加载和编译那些会延迟页面初始显示的 JavaScript 代码。页面完全加载后,我们可以再开始加载这些功能,以便它们在用户开始交互时立即可用。在RAIL 模型中,Google 建议将此延迟加载以 50 毫秒为单位进行,这样就不会影响用户与页面的交互。
点击“了解更多”阅读原文
TML的英语意思是:HypertextMarkupLanguage,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。接下来将带领读者从语言、超文本、标记三部分进行理解HTML。下面和千锋广州小编一起来看看吧!
1.语言
HTML一种编程语言,有指定的语法规则。超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行的操作。协议的制定使浏览器在运行超文本时有了统一的规则和标准。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台,自1990年以来HTML就一直被用作WWW(是WorldWideWeb的缩写,也可简写WEB、中文叫做万维网)的信息表示语言,使用HTML语言描述的文件,需要通过WEB浏览器HTTP显示出效果。
2.超文本
所谓超文本,是因为它可以加入图片、声音、动画、影视等内容,事实上每一个HTML文档都是一种静态的网页文件,这个文件里面包含了HTML指令代码,这些指令代码并不是一种程序语言,它只是一种排版网页中资料显示位置的标记结构语言,易学易懂,非常简单。
HTML的普遍应用就是通过单击鼠标从一个主题跳转到另一个主题,从一个页面跳转到另一个页面与世界各地主机的文件链接。直接获取相关的主题。如下所示:
通过HTML可以通过图片格式和文字格式的设计实现出丰富多彩的风格:
文字
通过HTML可以实现页面之间的跳转:
通过HTML可以展现多媒体的效果:
从上面我们可以看到HTML超文本文件时需要用到的一些标签。
3.标记
对于刚刚接触超文本的读者,可能不能理解一些用“<”和“>”括起来的句子,它们称为标记,也称标签,是用来划分网页的元素,以形成文本的布局、文字的格式及五彩缤纷的画面。标签通过指定某块信息为段落或标题等来标识文档某个部件。
在HTML中每个用来作标签的符号都是一条命令、它告诉浏览器如何显示文本。这些标签均由"<"和">"符号以及一个字符串组成。如、等。而浏览器的功能是对这些标记进行解释,显示出文字、图像、动画、播放声音。这些标签符号用“<标签名字属性>”来表示。标签分为单标签和双标签两大类,具体介绍如下:
单标签指的是只存在一个标签的写法,如 、等。
双标签指的是存在一对标签的写法,如、等。注意在双标签中第一个标签叫做起始标签,第二个标签叫做结束标签,结束标签需要在左尖括号后添加一个关闭符“/”。
HTML只是一个纯文本文件。创建一个HTML文档,需要HTML编辑器和WEB浏览器两个工具。HTML编辑器是用于生成和保存HTML文档的应用程序。WEB浏览器是用来打开WEB网页文件,提供给我们查看WEB资源的客户端程序。
迎你来到站长在线的站长学堂,学习html5的知识,今天分享的是《HTML的相关概念详解》。主要内容有:WWW,W3C,WHATWG,URL,HTTP,XHTML,网站,域名,网站空间,网站程序。
WWW:(World Wide Web,万维网)是一种建立在Internet上的、全球性的、交互的、多平台的、分布式的信息资源网络。它采用HTML语言描述超文本(Hypertext)文件。这里所说的超文本指的是包含有链接关系的文件,并且包含了多媒体对象的文件。
W3C:( World Wide Web Consortium )万维网联盟,创建于1994年是Web技术领域最具权威和影响力的国际中立性技术标准机构。W3C 制定了结构(xhtml、xml)和表现(CSS)的标准,非赢利性的。
WHATWG:网页超文本应用技术工作小组,一个以推动网络HTML 5 标准为目的而成立的组织。在2004年,由Opera、Mozilla基金会和苹果这些浏览器厂商组成。
WWW有3个基本组成部分,分别是URL(统一资源定位器)、HTTP(超文本传输协议)和HTML(超文本标识语言)。
URL:(Universal Resource Locators)提供在Web上进入资源的统一方法和路径,使得用户所要访问的站点具有唯一性,这就相当于我们每个人只有一个身份证号一样。它说明了链接所指向的每个文件的类型及其准确位置。
HTTP:(Hypertext Transfer Protocol)超文本传输协议是一种网络上传输数据的协议,专门用于传输以“超文本”(Hypertext)或“超媒体”(Hypermedia)的形式提供的信息。
HTML语言:(Hypertext Markup Language,中文通常称为超文本置标语言或超文本标记语言)是一种文本类、解释执行的标记语言,它是Internet上用于编写网页的主要语言。用HTML编写的超文本文件称为HTML文件。
XHTML:指可扩展超文本标记语言(标识语言)(EXtensible HyperText Markup Language)是一种置标语言,表现方式与超文本标记语言(HTML)类似,不过语法上更加严格。
要把信息发布到全球,就必须要使用能够被大众接受的语言,也就是使用一种大多数计算机能够识别的出版语言。在WWW上,通常使用的发布语言是HTML,即超文本标识语言。
HTML5:指的是HTML的第五次重大修改(第5个版本)(HTML5 是 W3C 与 WHATWG 合作的结果)。
HTML是纯文本类型的语言,使用HTML编写的网页文件也是标准的纯文本文件。
我们可以用任何文本编辑器,例如Windows的“记事本”程序打开它,查看其中的HTML源代码,也可以在用浏览器打开网页时,通过相应的“查看/源文件”命令查看网页中的HTML代码。HTML文件可以直接由浏览器解释执行,而无须编译。当用浏览器打开网页时,浏览器读取网页中的HTML代码,分析其语法结构,然后根据解释的结果显示网页内容,正是因为如此,网页显示的速度同网页代码的质量有很大的关系,保持精简和高效的HTML源代码是十分重要的。
网站:一个完整的网站,主要由域名,网站空间和网站程序组成。如果我们把网站比喻成一栋房子的话,域名相对于门牌号,代表了地址。网站空间相对于房子的地皮,房子的空间与网站空间的大小相对应。网站程序相对于建筑材料和建筑方法了。建房子是需要建筑工人来完成,做网站就是程序员的事情了。
域名:简单的说就是网站的网址最重要的部分。如本站的域名是olzz.com。输入哪一个域名就到达哪一个网站。这相对于房子的门牌号,有了实际的地址,你才知道要去哪里。域名在互联网上是唯一的,你注册了这个域名,别人就不能注册了,所以那些简短、有意义的域名,价格就很昂贵。实际中的地址也是一样,相同大小的房子,北京一环内的是要比大西北沙漠里面的房子要贵。
网站空间:网站空间主要用于存放网页内容的,比如网站的源码,图片,视频,文档等内容。目前主要有两种,一个是云服务器,一个是虚拟主机。一台云服务器相对于一台独立的电脑,通常可以做无数个网站。一个虚拟主机,就是服务器里面的一个文件夹,通常来说,一个虚拟主机只能做一个网站。不管是服务器还是虚拟主机,空间越大就越贵(当然其他的配置也会更高)。拿房子来说,一个占地几个平方的茅草屋和几万平方的高楼大厦的成本是不一样的。
网站程序:网站程序也叫网站源码,你要建什么功能的网站,就要开发什么样的程序。比如购物网站,视频网站,游戏网站,博客网站等网站程序不一样,对应的功能也是不一样的。就好比建房子,你建一个 茅草屋和建一个高楼大厦,所用的材料和建筑方法是不一样的。现在有很多开源的建站程序,比如搭建博客用WordPress、zblog,搭建论坛用discuz。当然现成的网站程序的功能不能满足自己的需求,这就需要对网站的功能进行单独定制。
*请认真填写需求信息,我们会在24小时内与您取得联系。