zoukankan      html  css  js  c++  java
  • 大型网站性能优化 二 页面(HTML)优化的方法

    页面(HTML)优化的方法

    除了语言层面上进行优化外,对Web开发,HTML的优化将很大程度上减轻服务器的负载,提供网站的性能

    1). 减少HTTP请求数。
    打开网页,浏览器会发出很多请求,图片,脚本,每个对象的加载都需要花时间, 需要减负载。
    1. 合并CSS,Js文件 ,减少Http的请求数
    2. 合并框架图片以及相当变动较少的图片,合成一张。有时直接用Css完成。
    3. 合理的使用本地的Cached来缓存 js/css/image

    2). 减少被请求文件的大小,较少请求数据占用的网络带宽。
    1. 压缩Js体积, 删除没有空行,注释,变量名。 大型的Js很乱,没有空行或换行,其实也是优化的表现
    2. 压缩CSS体积
    3. 用XHtml + Css 方式搭建网站结构,提高CSS的重用性
    4. 用服务端GZip压缩JS/Css 文件, 缩小传输文件大小(16.7.2)

    3). 通过版本化控制客户端的缓存
    1. 通常JS/CSS这类文件改动比较频繁,为加载加快,可能要设置这类文件的过期时间,为几天后从而实现缓存, 那我们的问题就是如何及时的更改这些被缓存的文件了。
    2. 通过修改JS版本来及时告诉浏览器, 如: 该JS文件名,路径, URL Rewrite, 大版本不变,小版本不断追加,等一定时间后统一更新

    4). 帮页面减肥 。简洁风格,少用Flash等
    5). 删除页眉可有可无的内容。 如空格,注释
    6). 删除页面代码中的空语句
    7). 删除HTMl中的默认值,什么颜色,对齐之类的
    8. 优化CSS文件
    9. Visibility 快于Display
      图片的时隐时现,如果是保持决定位置,用Visibility 好。  none,hidden  . visibility: hindden
    10. 缓存区是区分大小写的,保持url大小写一致性
    11. 让html标记有始终。 减少浏览器的判断时间
    12. 不用将全部内容塞入一个Table中。  因为Talbe要等内容加载完毕才显示出来。 如果某些内容有错,将拖延页面的访问速度。
    13. 如果有广告代码,放入iframe中最好了。 <iframe src="http://www.xxx.com/" marginwidth="0" marginheight="0" leftMargin="0" topMargin="0" frameborder="0" scrolling="no"></frame>
    14. 把Javascript移到HTML文件末尾
    15. JS会阻塞后面的页面的显示。
    16. 友情链接的学问, 尽量用文字。
    17. 优化图片。 Gif图片比较少,一般做Logo,按钮,表情。 PNG,做透明背景比较多
    18. 网址后面加入一个反斜杠. www.maticsoft.com/220/,让服务器立即知道访问的是个文件夹。
    19. 指定图片的大小,让浏览器一目了然。

  • 相关阅读:
    Python爬虫入门教程 53-100 Python3爬虫获取三亚天气做旅游参照
    计算机大专学历,2019如何应届毕业薪水过万!
    Python爬虫入门教程 52-100 Python3爬虫获取博客园文章定时发送到邮箱
    Python爬虫入门教程 51-100 Python3爬虫通过m3u8文件下载ts视频-Python爬虫6操作
    Python爬虫入门教程 50-100 Python3爬虫爬取VIP视频-Python爬虫6操作
    nvm-windows
    如何进行 IIS Log 分析
    常用 Jenkins 配置
    Jenkins 插件安装问题
    常用 SQL Server 脚本
  • 原文地址:https://www.cnblogs.com/NoRoad/p/1876594.html
Copyright © 2011-2022 走看看