欢迎各位兄弟 发布技术文章
这里的技术是共享的
Posted by Kejun on
1. head里的顺序如下，考虑会对请求有何影响：
a. 外部js在css前面
一： 原始情况首先大家看看如下的代码：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="JsLoad.Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="head">
<title></title>
前面有一篇文章Javascript加载执行问题（转载）主要分析了 Javascript的加载
下面是一片 牛人的文章，分析页面中js和css放置循序的问题：
原文地址：http://hikejun.com/blog/2012/02/02/js和css的顺序关系/
下面内容是调整了些文章次序，和结合之前的文章，加入了我自己的理解
今天三好公民一时手贱，在网站主机的控制面板中捣鼓起了360网站卫士设置，结果发现360安全保护设置中有一个“永久在线”设置选项，默认是关闭的，于是三好公民就开启了它。如图：
3：全方位的免费网站速度测试工具 — GTmetrix
gtmetrix.com 提供了丰富的详细的测量结果，它结合了Google Page Speed和Yahoo! YSlow的网页速度测试功能，并且提供可行的建议帮你改善网站速度。无需注册为会员即可使用该工具，并建议如何来优化网页中每个元素的，最重要的是会根 据网站的具体情况，直接告诉你导致网站加载速度变慢的根源在哪里。
做为GTmetrix注册会员，你可以设置每天、每周或每月自动测试一次你的网站，可设置测试记录自动保存，还能够同时对4个网址进行对比测试。如果你不知道自己的载入速度到底是快还是慢，你可以输入一个名站来对比结果，比如Google.com
网址：http://gtmetrix.com
来自 http://www.falconhan.com/webanalytics/pagespeed.htmPage speed 主要用于分析检测页面加载速度和元素，提出建议。技术人员从而可以依据Page Speed的要点来修正和提高网页网站的质量。对于网页需要改进的地方，PageSpeed不仅提供了优化建议，甚至还直接把优化的最终结果都给提供出来。
Page speed来自于Google，可以下载插件安装在Firefox或Chrome上。如果不想对技术细节看得太详细，只想直观地得到一个综合评价，可以参考另一篇文章Gtmetrix介绍。
插件一般都是英文版，Firefox也有中文版本，但缺乏详细解释。这里先把主要检测事项的中英文对比出来。然后针对细致的项进行解释并尽可能提供技术上操作说明。
很多做网站、博客的站长朋友们,希望在网页上添加自己的新浪微博的“加关注”(快速收听)代码,便于网友和访问者能够快速关注自己或网站的微博。
优点如下:
1. 让他人可以快速收听你的微博帐号
将快速收听模块嵌入网页,访客点击收听按钮,就能一键收听的你新浪微博帐号。
2. 显示你的微博帐号信息
新浪微博提供四种样式,可选择显示简洁样式的“加关注”按钮、你的微博昵称、粉丝数等,更好的吸引他人收听你的微博帐号。
效果如下:
再好的网站，如果打开速度慢，10个人会有9个人选择离开，我归纳了大约9大影响网站打开速度的因素，但网站页面显示的速度取决于众多的因素，包括 服务器性能、网络传输质量、网站的带宽、DNS解析、网页内容包括涉及到的JS代码、图片和视频的大小等等各种因素，如有不全，欢迎跟帖补充和指正。
很多站长使用虚拟主机来做网站，网页内容一旦很多，网站打开速度就会特别慢，如果说服务器、带宽、CDN这类硬指标我们没有经济实力去做，不妨通过网页代码优化的方式来提高速度，卢松松总结了一些可行性的方法。
1: 缩小Javascript和CSS文件
如果你的网站大约有50-60%的用户是第一次访客，那么这些人会下载Javascript和CSS，如果这些文件很大浏览器会下载很长时间。
使用压缩工具可以减少Javascript和CSS尽一半的文件大小，如果你有信心使用“命令行”我强烈推荐使用雅虎的YUI压缩，至少能提高40%到60%的压缩率，如果你是在不懂可以用站长之家的CSS\JS压缩工具。
2：减少HTTP请求
