社交按鈕性能

我添加社交按鈕後，我的畫廊出現性能問題。社交按鈕性能

該畫廊目前有大約30個縮略圖，每個有四個社交按鈕用於各種服務（fb，g +，twitter，pinterest）。

但是我的頁面載入跳到了30秒或更長時間，導致頁面無用。

我的問題是：我可以以某種方式調整插件，以便加載速度更快嗎？我應該改變我的方法並顯示這些「按需」嗎？或者，也許我應該把畫廊分成更多的頁面，所以沒有那麼多的同時？

2014-03-05 Slytherin

任何CMS你使用（WordPress的，Joomla，Drupal的）或靜態PHP？ –

來自社交網絡CDN的這些社交按鈕的圖像還是服務器上的圖像？ –

我在這個項目中沒有使用任何CMS – Slytherin

由於圖像託管在社交網絡服務器上，因此您每次都會向服務器發送請求以獲取圖像。每個縮略圖4個圖像可能是120個請求，這可能會增加頁面的響應時間。

我建議你在自己的服務器上承載圖像（也許作爲spritesheet）以減少請求數量。

2014-03-05 06:41:10

我的確想到了這一點，但我認爲一旦圖像下載了第一個按鈕，它就會從瀏覽器緩存中加載。這是不是真的？ – Slytherin

儘管圖像來自緩存，但它仍然需要從其他服務器請求每次發生按鈕的圖像。使用自己的服務器意味着只有一個請求。 –

這很不方便。接受你的答案。 – Slytherin

回答