2013-08-29 81 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