2017-03-27 61 views
0

您好,我有幾個javascript,這使我的網站性能下降了很多。 這份名單是:合併Javascript

    http://loketgevondenvoorwerpen.nl/New%20Design/assets/js/jquery.dropotron.min.js 
    http://loketgevondenvoorwerpen.nl/New%20Design/assets/js/jquery.min.js 
    http://loketgevondenvoorwerpen.nl/New%20Design/assets/js/main.js 
    http://loketgevondenvoorwerpen.nl/New%20Design/assets/js/skel-viewport.min.js 
    http://loketgevondenvoorwerpen.nl/New%20Design/assets/js/skel.min.js 
    http://loketgevondenvoorwerpen.nl/New%20Design/assets/js/util.js 
    http://loketgevondenvoorwerpen.nl/js/overzicht.js 

我試圖「複製」的一些腳本的內容到現有的一個。但是......沒有成功。因爲我需要從某處調用這些腳本。如何識別嵌套在另一個.js文件中的.js腳本?我有人可以通過結合兩個.js文件的例子來幫助我,我會自己解決問題。 謝謝。

+2

合併/縮小這些腳本很可能不是網站速度問題的根源 - 它更可能是您正在使用它們執行的代碼。另請注意,第一個庫應該在* jQuery之後真正包含*,因爲它依賴於它。您也應該*從不*在您的文件夾名稱中放置空格在Web服務器上。 –

+0

配置您的網頁以瞭解哪些腳本加載時間過長。 –

+0

感謝您的迅速回復。我將擺脫空間也謝謝。 – Rob

回答

0

爲了加快你的網站,你可以嘗試以下方法:

  • 使用CDN版本像這樣的jQuery公共庫你得到的性能 可用性/安全開箱免費。

  • 連接並縮小您的應用程序JS。這允許最小化網絡請求的數量(連接)以及代碼代碼發送到瀏覽器的數量(縮小)。有幾個任務實用程序項目可以自動完成這兩項任務(還有更多),它們可以包含在您的工作流程中,只需要很少的例如gulp或grunt。

  • 使用Google Page速度或類似的項來分析您的網站,例如:https://developers.google.com/speed/pagespeed/insights/ 這些工具通常會提供關於如何優化您的網站的進一步提示。

0

這有一個不同的方法。異步加載文件。將異步屬性設置爲腳本標記將使該文件異步加載。這幫助我在不同的情況下改善我的表現。

例子:<script src="http://loketgevondenvoorwerpen.nl/New%20Design/assets/js/jquery.min.js" async></script>

您可以檢查的性能在瀏覽器開發工具的區別(與異步和無異步)。