找回密码
 加入怎通
查看: 422|回复: 3

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

[复制链接]
强戈仔 发表于 2013-07-23 13:17:25 | 显示全部楼层 |阅读模式
  自己这段时间建了一个群,发现了许多问题,有些人总是怀疑我建群的目的,好吧其实说白了建群我也是为了交流,希望能从中学到更多的知识,我知道自己毕竟不是那些已经成功的大神有着令人瞠目结舌的技能,又或者有着优厚的家底经得起挥霍!但是我却知道我有着一颗别人不曾有的虚心学习的心,我希望所有的人员都需要有着一个虚心学习的心,因为的变化之快是我们无法想象的.在群里我看到很多人都是对自己的工作抱有怀疑的态度,甚至找不准方向,那么今天我就好好的来总结一下思路,告诉你们应该去做什么,应该避免的是什么!
2 }3 J1 R( y/ \/ ^" G5 ?! C( u) Y( c* _1 P/ J6 _+ |
  若何做到网页优化5 Q- \2 c4 g$ e
# ^# d+ |& m) ?% _/ }! k
  一、基于减损连署数的优化+ l: g2 v" y% j6 ~* c2 ]; H- _  V- u
% g/ m! A  i$ Y. }
  像适才这篇文章,就是基于减损并发连署数的优化.因为每每在一个域上并发连署数默认为个,这意味着超过个文件的时分,需有待前个文件之一传输终了.我们可以:
3 ^& q8 M1 n2 }% n  d
( o0 G1 H  B# H7 F. |  、将图片,特别是大图片放到额外一个域名中.大站可以用另一个务器来专门用于图片的传输.对于虚拟主机可以绑定额外一个域名.这在大网站中很常见.# i/ ]+ }5 n0 L: J

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

使用道具 举报

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

使用道具 举报

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

使用道具 举报

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

    本版积分规则

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

    GMT+8, 2026-3-26 06:10 , Processed in 0.094958 second(s), 24 queries , Gzip On.

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

    Powered by Discuz! X3.5

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