在我處理的很多頁面上,有很多外部(非關鍵)外部圖像和被調用的js文件會影響加載時間。其中之一是廣告公司的跟蹤像素,有時可能需要幾秒鐘才能加載,並且您可以在瀏覽器中看到這種情況,因此會給用戶帶來不良的體驗。有沒有一種方法可以加載這些文件,並且不會將它們視爲初始頁面加載?我見過類似的東西,啓動一個計時器,一旦計時器觸發它們加載,但我擔心,如果用戶離開頁面過快,跟蹤像素沒有時間加載。使外部圖像和JS文件不會影響頁面加載時間的最佳方式是什麼?
0
A
回答
2
不是真的 - 使用gif進行跟蹤的重點是跟蹤用戶,無論他們是否擁有javascript。延遲GIF的負載將需要JavaScript,所以會打敗點,並可能弄亂你的數據。
最好的方法是將這些'不必要的頁面加載'的東西放在代碼的結尾處,在關閉的body標籤中。
1
如果您可以在網頁上進一步向下加載跟蹤像素,最好儘可能接近BODY結束標記,那麼它可能會首先處理該圖像之前的所有其他內容,從而使頁面加載看起來更快發生圖像未加載速度非常快的事件。
這可以通過Yahoo YSlow的「Best Practices for Speeding up your Website」部分將腳本放在底部來解釋(如果略微超出上下文)。
相關問題
- 1. 什麼是處理文件和圖像加載異常的最佳方式?
- 2. 加載子頁面的最佳方式是什麼? PHP還是JS?
- 3. 最佳嵌入方式不會影響加載速度
- 4. 加載遠程圖像的最佳方式是什麼?
- 5. 什麼是異步加載小部件的最佳方式?
- 6. 在我的ASPX頁面中加載ASP頁面的最佳方式是什麼?
- 7. 加載正確的PhoneGap文件的最佳方式是什麼
- 8. 爲什麼我的外部圖像不會加載到我的Silverlight頁面中?
- 9. 在Angular中。什麼是創建頁面圖標加載的最佳方式?
- 10. webBrowser加載頁面時暫停循環的最佳方式是什麼?
- 11. 從文件加載腳本的最佳方式是什麼?
- 12. 什麼是更改頁面內容而不重新加載的最佳方式?
- 13. 在Java中加載和緩存圖像的最佳方式是什麼?
- 14. 什麼是Meteor加載外部JS,CSS和更新文檔的方式?
- 15. 什麼是使用urllib3下載文件的最佳方式
- 16. 什麼是加載主圖像時加載替代圖像的最佳方式(.net web窗體)
- 17. 加載圖像的最佳方式
- 18. 預加載圖像的最佳方式
- 19. 預加載圖像的最佳方式
- 20. ember.js加載多個css和js文件的最佳方式
- 21. 嵌入Webkit時操作頁面的最佳方式是什麼?
- 22. 什麼是使用JavaScript加載圖像的最快方式?
- 23. 在js文件中加載JavaScript文件。檢查是否加載所有文件的最佳方法是什麼?
- 24. 回調/ noftify事件父頁面的最佳方式是什麼?
- 25. 什麼是使用CodeIgniter導入js和css的最佳方式?
- 26. 什麼是將外部幾何體加載到Three.js中,而不會影響UI的最好和最快的方法是什麼?
- 27. 什麼是附加多個圖像的最佳方式?
- 28. 加載頁面上的圖像之前的Javascript外部文件
- 29. Laravel頁面沒有加載外部文件(CSS和JS)
- 30. 保存和加載變量的最佳方式是什麼?