欢迎進(jìn)入东莞市东城走小路网络技术服务體水部深圳市华软资讯科技有限公司!
谷歌优化实战篇:如何提高页面(miàn)访问速度

启用压缩

使用Gzip(一个用于文件压缩的软件应用程序)来减小大慢問于150字节的CSS、HTML和Java不房Script文件的大小。

不要對(duì)图像文件使用gzip。你需要在类似Photoshop這(zhè歌你)樣(yàng)的程序中压缩它们,這(zhè)樣(y這弟àng)你就(jiù)可以保持對(duì)图像质量的控制。请参阅下面離議(miàn)的“图像优化”。


缩小CSS、JavaScript和HTML中技

通過(guò)优化代码(包括删除空格、逗号和其他不必要的字行煙符),可以显著提高页面(miàn)速度。同時(shí)删都新除代码注释、格式和未使用的代码。谷歌建议使用CSSNano和Uglif樂近yJS。


减少重定向(xiàng)

每次一个页面(miàn)重定向(xiàng)到(dà南玩o)另一个页面(miàn)時(shí),访问者將(jiāng)低制面(miàn)临等待HTTP请求响应周期完成(chéng)的信低额外時(shí)间。例如,如果你的移动重定向(xià鐘睡ng)模式是這(zhè)樣(yàng)的:“街有example.com->www.example.com->m.e睡船xample.com->m.example.com/ho看爸me”,那麼(me)這(zhè)兩(liǎng)个额道南外的重定向(xiàng)都(dōu)會(huì身畫)使你的页面(miàn)加载速度变慢。


移除阻塞JavaScript

浏览器在呈现页面(miàn)之懂視前,必须通過(guò)解析HTML来构建DOM树。如果浏览器在坐鐘此過(guò)程中遇到(dào)脚本,则必须先停止并执行脚快友本,然後(hòu)才能(néng)继续

Google建议避免并尽量减少阻塞商雜JavaScript的使用。


浏览器缓存

浏览器會(huì)缓存大量信息(樣(yàng)式表、图像、都低JavaScript文件等),這(zhè)樣(yàng)当访问者返回到(d喝下ào)您的站点時(shí),浏览器就(jiù)不必重街北新加载整个页面(miàn)。使用类似YSlow的工具查內暗看是否已經(jīng)为缓存设置了過(guò)期日期。然後工睡(hòu)將(jiāng)“expires”标题设置为數微要缓存该信息的時(shí)间。通常一年是一个合理動老的時(shí)间段,除非您的网站设计經(jīng)常更改。谷歌在姐土這(zhè)裡(lǐ)有更多关于利用缓存的信息。


提高服务器响应時(shí)间

服务器响应時(shí)间受您接收的通信量、每页現物使用的资源、服务器使用的软件和您使用的解决方案的影响。若要西大提高服务器响应時(shí)间,请检查影响性能街村(néng)的重要环节,如数据库查询速度慢、路由速度慢木房或内存不足,然後(hòu)進(jìn)行修复。最佳服务器响应亮綠時(shí)间不超過(guò)200毫什學秒。


使用内容分發(fā)网络

内容分發(fā)网络(cdn)也称为内容交付网络,是用于分發(fā)交付内容的房個负载的服务器网络。实际上,站点的副本存储國議在多个地理位置不同的数据中心,這(zhè)樣(yàng)用户可以他近更快、更可靠地访问站点。


图片优化

请确保您的图像不大于正常大小,它们采用正确的文件格式(PN為鄉G通常适用于16色以下的图形,而JPEG通常适用于照片),并且這(zhè微請)些图片是經(jīng)過(guò)web压缩過外麗(guò)的。

使用CSS精灵为网站上經(jīng)常使用的图像(如按钮和图标)创建模板。C東對SS精灵將(jiāng)您的图像组合成(chéng)一个大图像,一次加载所有内明金容(這(zhè)意味著(zhe)更少的HTTP请求),然後(hòu)只他山显示您想要显示的部分。這(zhè)意味著(z南喝he)您不需要让用户等待加载多个图像,从而节省了加载時(s麗慢hí)间。