2013-08-29 80 views
0

我在</html>标记之前添加我的JavaScript文件。但是我的一个脚本计算了我的网页的运行时间。所以我需要在我的HTML页面的第一部分放置一个脚本。脚本是这样的:HTML页面顶部的脚本标记

<script type="text/javascript"> 
    var NREUMQ=NREUMQ || []; 
    NREUMQ.push(["mark","firstbyte",new Date().getTime()]); 
</script> 

什么是最好的线脚本放入?

1: <!DOCTYPE html> 
2: <html xmlns="http://www.w3.org/1999/xhtml" lang="tr"> 
3: <head> 
4:  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
5:  <title> example - example.com </title> 
6:  <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
7:  <meta name="keywords" content="my words"/> 
8:  <meta property="fb:page_id" content="12345" /> 
9:  
10:   <link rel="stylesheet" type="text/css" href="bootstrap.min.css"/> 
11:  
12:   <script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> 
13:  
14:   <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"/> 
15:   <link rel="icon" type="image/x-icon" href="/favicon.ico" /> 
16:   <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/img/apple-touch-icon-114-precomposed.png"/> 
17:   
18:   <link rel="alternate" hreflang="tr" href="http://example.com/"/> 
19:   <link rel="alternate" hreflang="en" href="http://example.com/eng"/> 
20:   
21:   <link rel="stylesheet" type="text/css" href="/css/colorbox.css"/> 
22:   <link rel="stylesheet" type="text/css" href="/css/demo_table.css"/> 
23:  </head> 
24: <body> 

回答

1

第三行后会正常工作 - 假设脚本有第二部分来计算总时间?

假设您只是想看看您的网页加载速度有多快,我强烈建议您抓取Chrome并使用开发工具的Network选项卡(按F12查看开发工具)以查看组件加载的时间。您可能还需要安装与其他开发工具一起使用的Chrome PageSpeed插件(https://chrome.google.com/webstore/detail/pagespeed-insights-by-goo/gplegfbjlmmehdoakndmohflojccocli?hl=en)。它分析该页面并就如何加快速度提出建议。

+0

之间是你的脚本,我加入其余的脚本只是< /html >标记之前。 – trante

+0

然后第3行将会很好。 –

1

放置脚本的最佳位置始终位于head标签内。 <head></head>

您可以将在3线与线23

+0

第21行和第22行有css脚本。如果我把脚本放在第23行,脚本运行之前会加载css文件吗? – trante

+0

是的,它会的。 –

+0

所以时间计算是错误的。 – trante