设计、网站、推广
始于2004年
当前位置:首页 > 网站制作

可以提高网站访问速度的九个方法

发表日期:2018-3-8 作者来源:派谷网络 浏览次数:0

  一、如果可能的话,延迟加载一些内容

  可以使用Ajax来按需加载部分内容。比如一个相册,可以在用户浏览页面时先出缩略图,当用户点击了,然后异步请求原图并展示,这样用户如果只需要看几张图片,就不需要等待所有图片都加载下来。这种开发模式叫做延迟加载。
Ajax/Web开发类库如jQuery,Prototype,与及MooTools可以使得延迟加载更容易实现。

  二、使用外部JS和CSS文件

  当用户第一次加载网页时,浏览器会缓存住外部的CSS和javascript文件,所以将javascript和CSS放到外部文件比内联的会好。
使用内联CSS还会增加网页的渲染时间,让所有样式都定义在你的主CSS文件中使得浏览器渲染页面时少做一些工作,因为它一开始就知道所有需要应用的样式规则。另外使用外部javascript和css文件也有助于维护代码。

  三、使用缓存系统

  如果你发现网站总是连接数据库来查询产生出同样的结果,可能就需要使用缓存系统了。使用缓存的话,只需要生成一次特定的内容而不需要用户每次访问的时候都去生成。缓存系统也会根据配置周期性的刷新缓存。你可以生成静态HTML页,以减小服务器脚本执行的开消,或者使用数据库和服务端脚本缓存系统,比如PHP的加速器,memcached等。

  既然使用了缓存系统,你应该使用尽可能多的缓存技术。网页缓存是浏览器端对文件做的缓存,然后供用户之后的访问。浏览器可以缓存的内容包括CSS文件,javascript文件和图片。

  四、避免在html中改变图片大小

  如果一张图片原本是1280*900px的,但是你需要它显示为400*280px的,你应该用图片编辑器,如Photoshop来改变它的大小,而不是使用HTML的width和height属性。

  五、不要使用图片来展示文字

  图片中的文字不但对用户不友好(无法复制等),对SEO也没有好处,而且使用图片来显示文字会增加页面加载时间。如果你需要在网站中使用很多自定义的字体,可以考虑使用CSS的@font-face特性去更有效率地展现特定字体。

  六、使用正确的文件格式来优化图片大小

  通过选择正确的力图片格式,你可以在不损失图片质量的情况下优化图片大小。例如,除非你需要PNG提供的图片透明,否则JPG一般来说可以在较小的文件情况下逼真地显示图片。

  七、优化写代码的方式

  查看你的源代码,看看是否所有标签都是需要的,或是可不可以用CSS来代替。有效的书写代码不但减小HTML和CSS文件的大小,也能方便维护。

  八、在文档的最后加载javascript

  所有scripts都在页面最后加载会比一开始就加载好,它可以让浏览器在加载javascript前渲染所有东西。浏览器在javascript下载完之前阻塞下面的内容的加载。如果可以的话,尽量将javascript放在紧挨着body结束标签的地方。

  九、使用内容分发网络

  网站的速度和用户相对于服务器的位置有很大的关系。将内容分发到不同的地理位置可能可以缓解这个问题。使用CDN可能会增加费用,但是收益也是很明显的。

本文章系本站编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本站联系,我们将在第一时间删除内容!

相关网站设计案例

相关推荐新闻

濞撮棿妞掔粭鐔虹磾閹寸姷褰查柛鎺撴构缂嶆棃鏁嶅畝鍕粯閻熸洑鐒﹂弫鐐哄箛閿燂拷...

濞撮棿妞掔粭鐔虹磾閹寸姷褰查柛鎺撴构缂嶆棃寮伴娆戭伇濡炪倕婀遍柈瀵哥磼閻旇渹绱g紒瀣儜缁辨繈妫侀埀顒傛啺娴g儤鍋呴柛姘墣閳ь剙鍟冲缁樺緞濮橆厽鐓欓梻鍫涘灮濞堟垿宕堕悩鐢殿槺闁挎稑濂旀禍鎺旀兜椤旇崵绠�...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-9

闁解偓閵夆晜鏁樼紓鍐╁灩閻濐垶鎯冮崟顕呭晭閻犱籍銈庢矗闁绘劘顫夊﹢渚€宕敓锟�...

闁解偓閵夆晜鏁樼紓鍐╁灩閻濐垶鎯冮崟顕呭晭閻犱緤绻濆〒鍓佹啺娴g儤鍋呴柛姘墣閳ь剙鍟冲缁樺緞濮橆厽鐓欓梻鍫涘灩濞叉粎妲愰悪鍛濞寸姰鍎遍悿鍕偝閺夋寧鍎х€殿喗娲滈弫銈夊箣閺嬵偀鍋撴担椋庡閺夆晜绋栧ù锟�...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-9

缂傚啯鍨归悵顖滅磼濞嗗海纾煎☉鎾磋壘閻㈩偊寮堕妷銈囩焼濞戞柨鐗呯紞鏃堟偨閿燂拷...

缂傚啯鍨归悵顖溾偓鐢糕偓娑氳壘濞撮棿妞掔粭鐔兼嚀瀹€鍐f瀰闁挎稑鏈Σ鎼佸箵閹邦剙纾抽柛婵呰兌婢ф繆銇愰姀锝堟澖闁靛棔鐒︾€氬洨浠﹂弴鐐殿伋闁革妇鍎ょ粭顓㈡焼閹炬墎鍋撴担椋庡閺夆晜绋愮粭鐔煎礉閳ユ剚鏉婚梻鈧敓锟�...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-9

婵☆垪鍓濆妯肩磾閹寸姷褰插☉鎾抽閻i箖宕氱捄鍝勵嚙缂傚啯鍨归悵顖炴儍閿燂拷...

婵☆垪鍓濆妯肩磾閹寸姷褰插☉鎾抽閻i箖宕氱捄鍝勵嚙缂傚啯鍨归悵顖溾偓娑櫭﹢顏呭緞濮橆厽鐓欓梻鍫涘灮濞堟垿宕犻崫鍕劶闁挎稑濂旂€靛瞼鎲版担椋庣Ъ闁绘粍婢樺﹢顏呯閵夈倗鐟撻柛鎴犲С闁叉粓寮ぐ鎺撴〃...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-9

缂傚啯鍨归悵顖氼嚈妤︽鍟庨柛婊冪灱缂嶅绮╁▎鎺濆晭閻犱緤绱曞▓鎴﹀礌閿燂拷...

缂傚啯鍨归悵顖氼嚈妤︽鍟庨柛婊冪灱缂嶅绮╁▎鎺濆晭閻犱籍銈嗩仱闁绘帟娉涢悺銊╁捶閵娿倗顏遍悗瑙勮壘閸櫻囨嚂閺冩挾绀夊ù锝呮濠€顏勵潡閸屾艾鎮嶉柕鍡曟祰鐎垫牠宕跺ǎ顑藉亾娴i晲绱eù锝嗙矊閸炲鈧櫢鎷�...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-8

网站建设解决方案
缂冩垹鐝紒瀛樺Б鐟欙絽鍠呴弬瑙勵攳 娴间椒绗熼梻銊﹀煕缂冩垹鐝梿鍡欏閸栨牞袙閸愯櫕鏌熷锟� 閽€銉╂敘閸ㄥ缍夌粩娆捫掗崘铏煙濡楋拷 閸忔槒鈧線娅岀悰灞肩瑹缂冩垹鐝楦款啎鐟欙絽鍠呴弬瑙勵攳 閸栧娅岀拠濠冨缂冩垹鐝楦款啎鐟欙絽鍠呴弬瑙勵攳 閹靛婧€閺佹壆鐖滅悰灞肩瑹缂冩垹鐝楦款啎閺傝顢� 婢舵牞閿ら崗顒€寰冪純鎴犵彲瀵ら缚顔曠憴锝呭枀閺傝顢� 闁叉垼鐎虹純鎴犵彲瀵ら缚顔曠憴锝呭枀閺傝顢� 鐞涘奔绗熼崡蹇庣窗缁崵缍夌粩娆忕紦鐠佹崘袙閸愯櫕鏌熷锟� 閸濅胶澧濈€规ḿ缍夌純鎴犵彲瀵ら缚顔曢弬瑙勵攳