找回密码
 加入怎通
查看: 441|回复: 6

[其他] 如何做到网页优化

[复制链接]
强戈仔 发表于 2013-07-23 13:17:25 | 显示全部楼层 |阅读模式
  自己这段时间建了一个群,发现了许多问题,有些人总是怀疑我建群的目的,好吧其实说白了建群我也是为了交流,希望能从中学到更多的知识,我知道自己毕竟不是那些已经成功的大神有着令人瞠目结舌的技能,又或者有着优厚的家底经得起挥霍!但是我却知道我有着一颗别人不曾有的虚心学习的心,我希望所有的人员都需要有着一个虚心学习的心,因为的变化之快是我们无法想象的.在群里我看到很多人都是对自己的工作抱有怀疑的态度,甚至找不准方向,那么今天我就好好的来总结一下思路,告诉你们应该去做什么,应该避免的是什么!, i' Z' h9 t3 H1 L8 F4 n% x
" p/ s$ D- T# Z4 u
  若何做到网页优化
. y* j2 G) A: ?" I; f! O& H/ J9 N/ B* ^7 z5 N  E, D* P" u$ k
  一、基于减损连署数的优化
! c9 Q, C$ s- l; O4 K2 i
) l2 ^- z1 T6 `+ c, p; f  像适才这篇文章,就是基于减损并发连署数的优化.因为每每在一个域上并发连署数默认为个,这意味着超过个文件的时分,需有待前个文件之一传输终了.我们可以:
' W; Z. N8 y: O$ e4 K1 s1 \1 j
6 q! U: A) p' b4 {# {: _  、将图片,特别是大图片放到额外一个域名中.大站可以用另一个务器来专门用于图片的传输.对于虚拟主机可以绑定额外一个域名.这在大网站中很常见.* {' R9 a3 n+ @: N3 A
* @- ?' t3 v  Q6 g  r
  、合并和文件.以及在可能的时分合并图片.4 a* h4 B5 u1 N6 C) C( `; R6 A

; h  L9 k( o5 K0 d8 A  、预加载技术.近来很常见的,就是先用预示略图,而后延时加载大图片.二、基于减损体积的优化减损体积意味着减损带宽,能够笔直接地减损硬件与带宽的费用.因为网站每日接待成千上万的访客,就是一个字节的优化也可以带来显著的效果.
' K/ Y/ ]8 I) d; K( O( T3 z) c2 w
: o9 f: y0 s5 A+ N" J. r2 w' Q/ o  、减小、和的体积.用简写的办法来写.引荐用 来写,因为代码提醒默认就是简写的.#可以简写成#,:上 右 下 左,等等…删除注释.除开保存版权声明,其它注释可以删除.删除何必要的空格和换行,就像做的同样.用压缩工具来压缩.体积上的变动很表面化.有的压缩工具会以致发生不对.引荐用也使役的压缩工具.很安定,效果也美好.引荐+布局,这是老生常谈.然而对于开发速度上速率的减低,可以用研讨栅格系统、研讨重用方案来解决.不要滥用、~等标签.除开速度,更是上的考量.一手优良的+不是一夕一朝就能练成的.
" x% [4 N( t2 {/ k' U& S- K6 k6 x
  、减小图片的体积在里"贮存于和设施所用款式"可以减损不少体积.对于图片质量要求不高的图片,可以贮存为款式.此内在款式下,只要增加一点儿点伤耗就可以带来表面化的体积变动.假如用"贮存"菜谱来保管用于的图片,最好取舍引得模式,可以至少减损三分之一的体积.三、基于运算速度的优化运算速度更多的是后端的事体,不过并不意味着脱得了前端的干系.
1 f9 H7 S  X3 K7 i! m$ k  P: E3 l5 B
  运算速度的优化.典型就是循环操作,不要直接操作,而是先到一个变量,在这个变量中增加,而后再附加到文档树上.此外,不要以为内存泄漏只是++们的事体.也会以致内存泄漏.这个话题比较复杂,引荐大伙儿们阅读\'  \'.制作一个成熟的应用需要注意的事项所有都有,与后台语言无关.阅读算法的书.可能让一个前端开发师阅读算法的书有点搞笑,不过,有点偏激场合仍然会出现因为执行耗时过多,浏览器要终止的运行.文章出处于
( C  d5 I  C- G0 ~2 P' r: O2 _8 c' i* j4 h
  以上是本人做公司网站时所碰到的问题以及一些反思和处理方法,希望看这篇文章的朋友们别走我的老路,一些可以避免的尽量避免也欢迎朋友们一起交流、共同进步.本文由思维导图训练学习计划 http://www.880058.com/swdt收集整理欢迎转载请注明,谢谢合 作4 |) G0 Q+ @- E4 @0 Q
6 p1 {7 [9 m1 e" A% l+ w
回复

使用道具 举报

神战 发表于 2026-02-12 20:52:23 | 显示全部楼层
分析得很透彻,很多细节都说到点子上了~
回复 支持 反对

使用道具 举报

西万路小混混 发表于 2026-02-15 02:01:38 | 显示全部楼层
楼主太厉害了,整理得这么详细,必须支持
回复 支持 反对

使用道具 举报

长沙网络推广 发表于 2026-04-17 18:22:40 | 显示全部楼层
学习到了,之前一直没注意过这个点,受教了
回复 支持 反对

使用道具 举报

参与就好 发表于 2026-05-11 11:40:29 | 显示全部楼层
刚好遇到类似问题,看完这个帖子心里有底了
回复 支持 反对

使用道具 举报

【SEO】海阔任鸟 发表于 2026-05-25 22:18:58 | 显示全部楼层
完全赞同,我也是这么认为的,英雄所见略同~
回复 支持 反对

使用道具 举报

    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

    QQ|手机版|小黑屋|网站地图|真牛社区 ( 苏ICP备2023040716号-2 )

    GMT+8, 2026-6-16 16:33 , Processed in 0.034487 second(s), 24 queries , Gzip On.

    免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系420897364#qq.com(把#换成@)删除。

    Powered by Discuz! X3.5

    快速回复 返回顶部 返回列表