• 前端开发之站长必知


    作为站长的你,一定都很想知道自己的网站的运营情况,功能完善,一些开发需要的工具,让我们的网站如虎添翼。

     1)给网站添加icon

    <link red="icon" href="icon地址" type="image/x-icon"/>
    <link rel="shortcut icon" href="icon地址" type="image/x-icon"/>
    

      

    2)网站统计等

    网站: 中国站长  百度站长
    
    百度统计  google analytics
    

      

    3)内容分享

    1.share.js   网站:http://overtrue.me/share.js/
    
    2.百度分享  网站:http://share.baidu.com/code
    
    3.JiaThis分享 网站:chrome://jiathis/content/welcome.xul
    

      

    4)静态内容压缩处理

    //开启gzip的压缩
    
    gzip on|off;
    # 默认值: gzip off 
    # 开启或者关闭gzip模块
     
    gzip_static on|off;
    # nginx对于静态文件的处理模块
    # 该模块可以读取预先压缩的gz文件,这样可以减少每次请求进行gzip压缩的CPU资源消耗。该模块启用后,nginx首先检查是否存在请求静态文件的gz结尾的文件,如果有则直接返回该gz文件内容。为了要兼容不支持gzip的浏览器,启用gzip_static模块就必须同时保留原始静态文件和gz文件。这样的话,在有大量静态文件的情况下,将会大大增加磁盘空间。我们可以利用nginx的反向代理功能实现只保留gz文件。
    # 可以google"nginx gzip_static"了解更多
     
    gzip_comp_level 4;
    # 默认值:1(建议选择为4)
    # gzip压缩比/压缩级别,压缩级别 1-9,级别越高压缩率越大,当然压缩时间也就越长(传输快但比较消耗cpu)。
     
    gzip_buffers 4 16k;
    # 默认值: gzip_buffers 4 4k/8k 
    # 设置系统获取几个单位的缓存用于存储gzip的压缩结果数据流。 例如 4 4k 代表以4k为单位,按照原始数据大小以4k为单位的4倍申请内存。 4 8k 代表以8k为单位,按照原始数据大小以8k为单位的4倍申请内存。
    # 如果没有设置,默认值是申请跟原始数据相同大小的内存空间去存储gzip压缩结果。
     
    gzip_types mime-type [mime-type ...];
    # 默认值: gzip_types text/html (默认不对js/css文件进行压缩)
    # 压缩类型,匹配MIME类型进行压缩
    # 不能用通配符 text/*
    # (无论是否指定)text/html默认已经压缩 
    # 设置哪压缩种文本文件可参考 conf/mime.types
     
    gzip_min_length  1k;
    # 默认值: 0 ,不管页面多大都压缩
    # 设置允许压缩的页面最小字节数,页面字节数从header头中的Content-Length中进行获取。
    # 建议设置成大于1k的字节数,小于1k可能会越压越大。 即: gzip_min_length 1024
     
    gzip_http_version 1.0|1.1;
    # 默认值: gzip_http_version 1.1(就是说对HTTP/1.1协议的请求才会进行gzip压缩)
    # 识别http的协议版本。由于早期的一些浏览器或者http客户端,可能不支持gzip自解压,用户就会看到乱码,所以做一些判断还是有必要的。 
    # 注:99.99%的浏览器基本上都支持gzip解压了,所以可以不用设这个值,保持系统默认即可。
    # 假设我们使用的是默认值1.1,如果我们使用了proxy_pass进行反向代理,那么nginx和后端的upstream server之间是用HTTP/1.0协议通信的,如果我们使用nginx通过反向代理做Cache Server,而且前端的nginx没有开启gzip,同时,我们后端的nginx上没有设置gzip_http_version为1.0,那么Cache的url将不会进行gzip压缩
     
    gzip_proxied [off|expired|no-cache|no-store|private|no_last_modified|no_etag|auth|any] ...;
    # 默认值:off
    # Nginx作为反向代理的时候启用,开启或者关闭后端服务器返回的结果,匹配的前提是后端服务器必须要返回包含"Via"的 header头。
    # off - 关闭所有的代理结果数据的压缩
    # expired - 启用压缩,如果header头中包含 "Expires" 头信息
    # no-cache - 启用压缩,如果header头中包含 "Cache-Control:no-cache" 头信息
    # no-store - 启用压缩,如果header头中包含 "Cache-Control:no-store" 头信息
    # private - 启用压缩,如果header头中包含 "Cache-Control:private" 头信息
    # no_last_modified - 启用压缩,如果header头中不包含 "Last-Modified" 头信息
    # no_etag - 启用压缩 ,如果header头中不包含 "ETag" 头信息
    # auth - 启用压缩 , 如果header头中包含 "Authorization" 头信息
    # any - 无条件启用压缩
     
    gzip_vary on;
    # 和http头有关系,加个vary头,给代理服务器用的,有的浏览器支持压缩,有的不支持,所以避免浪费不支持的也压缩,所以根据客户端的HTTP头来判断,是否需要压缩
     
    gzip_disable "MSIE [1-6].";
    # 禁用IE6的gzip压缩,又是因为杯具的IE6。当然,IE6目前依然广泛的存在,所以这里你也可以设置为“MSIE [1-5].”
    # IE6的某些版本对gzip的压缩支持很不好,会造成页面的假死,为了确保其它的IE6版本不出问题,所以建议加上gzip_disable的设置
    

      

  • 相关阅读:
    一文读懂高性能网络编程中的I/O模型
    QQ的成功,远没有你想象的那么顺利和轻松
    解密“达达-京东到家”的订单即时派发技术原理和实践
    以网游服务端的网络接入层设计为例,理解实时通信的技术挑战
    老罗最新发布了“子弹短信”这款IM,主打熟人社交能否对标微信?
    最火移动端跨平台方案盘点:React Native、weex、Flutter
    ogre3D学习基础11 -- 交换两个场景管理器
    STL学习笔记2--list
    STL学习笔记1--vector
    设计模式 --- 学习总结
  • 原文地址:https://www.cnblogs.com/xingxia/p/website_owner.html
Copyright © 2020-2023  润新知