信阳seo-Web前端优化之页面加载速度

　　页面的加载速度直接相关着用户的体会。研讨标明，用户满足的翻开网页时刻是2-5秒，假如等候超越10秒，99%的用户会封闭这个网页。那么怎么优化网页的加载速度呢，下面将从几个方面解说。

　　1.削减HTTP恳求

　　兼并脚本和款式表

　　将多个款式表或脚本文件兼并到一个文件中，能够削减HTTP恳求的数量然后缩短呼应时刻。不过兼并一切的款式文件或许脚本文件可能会导致在一个页面加载时加载了多于自己所需求的款式或许脚本，关于只拜访该网站一个页面的人来说反而增加了下载量，所以在兼并的时分要权衡利弊。

　　字体图标

　　在能够许多运用字体图标的当地咱们能够尽可能运用字体图标，字体图标能够削减许多图片的运用，然后削减HTTP恳求，字体图标还能够经过CSS来设置色彩、巨细等款式。

　　2.增加Expires头

　　页面初度拜访者会进行许多HTTP恳求，可是经过运用一个持久的Expires头，能够使这些组件被缓存，下次拜访的时分，就能够削减不必要的HTTP恳求，然后进步加载速度。

　　HTTP1.1中引进了Cache-Control来战胜Expires头的约束，运用max-age指定组件被缓存多久。Cache-Control:max-age=1230000若一起拟定Cache-Control和Expires，则max-age将掩盖Expires头

　　3.运用CDN

　　假如应用程序Web效劳器离用户更近，那么一个HTTP恳求的呼应时刻将缩短。别的一方面，假如组件web效劳器离用户更近，则多个HTTP恳求的呼应时刻将缩短。

　　CDN（内容发布网络）是一组散布在多个不同地理位置的Web效劳器，用于愈加有效地向用户发布内容。在优化功能时，向特定用户发布内容的效劳器的挑选根据对网络拥堵的丈量。例如，CDN可能挑选网络阶跃数小的效劳器，或许具有短呼应时刻的效劳器。

　　4.将款式表放在头部

　　将款式表放在头部关于实践页面加载的时刻并不能形成太大影响，可是这会削减页面首屏出现的时刻，使页面内容逐渐出现，改进用户体会，防止"白屏"。

　　将款式表放在文档底部会阻挠浏览器中的内容逐渐出现。为了防止当款式变化时重绘页面元素，浏览器会堵塞内容逐渐出现，形成"白屏"。这源自浏览器的行为：假如款式表仍在加载，构建出现树就是一种糟蹋，因为一切款式表加载解析结束之前无需绘之任何东西。

　　5.将脚本放在底部

　　与款式表相同，脚本放在底部关于实践页面加载的时刻并不能形成太大影响，可是这会削减页面首屏出现的时刻，使页面内容逐渐出现。

　　下载脚本时并行下载是被禁用的--即便运用了不同的主机名，也不会启用其他的下载。因为脚本可能修正页面内容，因而浏览器会等候；别的，也是为了确保脚本能够依照正确的次序履行，因为后边的脚本可能与前面的脚本存在依靠联系，不依照次序履行可能会发生过错。

　　6.紧缩组件

　　从HTTP1.1开端，Web客户端能够经过HTTP恳求中的Accept-Encoding头来表明对紧缩的支撑

　　假如Web效劳器看到恳求中有这个头，就会运用客户端列出来的办法中的一种来进行紧缩。Web效劳器经过呼应中的Content-Encoding来告诉Web客户端。

　　7.删去重复脚本

　　在团队开发一个项目时，因为不同开发者之间都可能会向页面中增加页面或组件，因而可能相同的脚本会被增加屡次。

　　重复的脚本会形成不必要的HTTP恳求（假如没有缓存该脚本的话），而且履行剩余的JavaScript糟蹋时刻，还有可能形成过错。

　　河南汉狮网络科技有限公主要从事SEO网站优化，整站优化，网站推广，关键词排名优化等搜索引擎项目。8年只专研SEO算法，10万+网站SEO经验，解析SE0数百项算法和248项优化细节，专注为企业提供一站式网络营销外包服务，先优化排名后付费，40天让您的关键词排名有明显提升！