网站速度是影响用户体【tǐ】验的一个重【chóng】要因素,如果一个网站的打开速度很慢的【de】话,相信不【bú】会有多少人愿意去等待网站的打【dǎ】开,这样就【jiù】会【huì】让企业【yè】大大流失客户资【zī】源。而【ér】且网站的【de】打开速度也是影响【xiǎng】搜索引擎的【de】收录排【pái】名的【de】,网【wǎng】站速度【dù】打【dǎ】开【kāi】太慢的话搜索引擎【qíng】可能将【jiāng】不在访【fǎng】问该网站,因【yīn】此如果我们的【de】网站打开较慢就需【xū】要想办法【fǎ】提升【shēng】网站的打开速度。除了硬件问【wèn】题,我们也可以从网站【zhàn】自【zì】身做一下调整来提升【shēng】网【wǎng】站速度。
那么如何从网站自身去提升打开速度呢?
今天微勤广州网站建设就教大家怎么去提升网站的打开速度:
1、缩小Javascript和CSS文件
如果你【nǐ】的网站【zhàn】大约有9-21%的用户是第【dì】一次访客,那么这些人【rén】会下载【zǎi】Javascript和【hé】CSS,如果这【zhè】些文件很大【dà】浏览器会【huì】下载很长时间。使用【yòng】压缩工具【jù】可以减少Javascript和CSS尽一半的文件【jiàn】大【dà】小,至【zhì】少能提高40%到60%的压缩【suō】率【lǜ】。
2、Sprites图片技术
Spriting是一【yī】种网页图片应用处理方式,它是将【jiāng】一个【gè】页面涉【shè】及到的所有【yǒu】零【líng】星图片都包含到一张大图中去,然【rán】后【hòu】利用CSS技术展现【xiàn】出来。这样一来,当访问该页【yè】面【miàn】时,载入的图片就不【bú】会像以前那【nà】样一幅【fú】一幅【fú】地【dì】慢慢显示出来了,可【kě】以减少了整个网页的图片【piàn】大【dà】小,并且利用CSSSprites能很好地减少网页的http请求,从【cóng】而大大的提【tí】高页面【miàn】的性能。CSSSprites在国内很多【duō】人【rén】叫css精灵,很早就有了,在【zài】很多大型网站都【dōu】有用【yòng】到,特别【bié】是一些所有页面【miàn】都存在的图【tú】标用得比较多,很好的提升加【jiā】载速度【dù】。
3、Ajax调用尽量采用GET方法调用
实际【jì】使【shǐ】用XMLHttpRequest时,如果使用POST方法实现,会发生2次HTTP请求【qiú】,而使用【yòng】GET方法只会发【fā】生1次HTTP请求。如果改【gǎi】用GET方法【fǎ】,HTTP请求减少50%!
4、延迟显示可见区域外的内容
为【wéi】了确保用户可以更快【kuài】地看见【jiàn】可【kě】见区域的网【wǎng】页可以延迟加载或展现可见区域外的内容【róng】,为了避免页面变【biàn】形,可【kě】以使【shǐ】用占【zhàn】位符标【biāo】签制【zhì】定正确的【de】高度和宽度。比【bǐ】如WP的【de】jQueryImage LazyLoad插件【jiàn】就可以【yǐ】在用户停留在第一屏【píng】的【de】时候,不加载任【rèn】何第一屏以下的图片信息,只有当【dāng】用户把鼠【shǔ】标往下【xià】滚【gǔn】动的时候,这些【xiē】图片【piàn】才开始加【jiā】载。这样很明显提升可见区域的加载速度,提高用户体验。
5、合理使用Flush
用户端【duān】发送【sòng】浏【liú】览请【qǐng】求后,服务器端【duān】一般要花销200-500ms去处理这些请求,在此期间,用户【hù】端浏览器处于等待【dài】状态,如果【guǒ】要减【jiǎn】少用户等【děng】待时【shí】间,可以【yǐ】在适当的位置使【shǐ】用flush,将已【yǐ】经就【jiù】绪的内容推送到用户端,这【zhè】在php中很【hěn】容易实现例如:网【wǎng】站加载时间【jiān】 网站访问速度 网站优【yōu】化 用户体验。
6、精简代码
这个可以说是最直接的一个【gè】方【fāng】法,也是用【yòng】得【dé】比较多的【de】,对【duì】网页代码进行瘦身,删除不必要【yào】的沉冗代码,比【bǐ】如不【bú】必【bì】要的空格、换行符、注释【shì】等,包【bāo】括【kuò】JS代码中的无用代码也需要清【qīng】除。其中对于【yú】注释代码的清除可能有些人存在误区,甚至【zhì】有的【de】在里面堆砌关【guān】键词。
本文由广州网站建设团队微勤网络整编而成【chéng】,如需了解【jiě】更多网站【zhàn】建设资【zī】讯、案例、各种网站建设【shè】知识可以联系广州网站建设公司微勤网络专业项目经理进行一对一问答
本文地址:广州【zhōu】网站建设【shè】告【gào】诉你怎么提升【shēng】网站打开【kāi】速度:http://blog.zstm029.com/web/136.html
广州微勤网络有限公司