2011-12-26 34 views
6

Tôi muốn ý kiến ​​của bạn về một vấn đề và giải pháp tôi có với google cộng một nút (và bất kỳ tiện ích xã hội nào khác).Tốc độ một nút của Google Plus. Tải trên mouseover

Chúng tôi có trang web lưu lượng truy cập cao, chạy nhanh và mượt mà (dưới thời gian tải 1 giây). Khi cố gắng triển khai nút google plus, chúng tôi thấy thời gian tải của chúng tôi tăng lên vô lý.

Google đang nói về thời gian tải xung quanh và họ vẫn tạo ra một tiện ích chậm?

Chúng tôi cần các tiện ích xã hội, nhưng tốc độ tải rất quan trọng đối với người dùng và SEO của chúng tôi.

Tôi đã suy nghĩ để tải nút google sau khi trang web được tải để người dùng sẽ không nhận thấy bất kỳ sự khác biệt tốc độ nào, nhưng vẫn có khả năng cộng với việc nhảm nhí chúng tôi.

Tôi muốn nghe ý kiến ​​của phương pháp này hoặc thậm chí là giải pháp tốt hơn.

Sử dụng sự kiện di chuột trên cơ thể để tải các tiện ích xã hội. Nó hoạt động, nhưng tôi không chắc chắn nếu điều này là chấp nhận được.

http://www.webpagetest.org cho biết tốc độ tương tự như trước khi triển khai nút.

Sử dụng jquery:

<div id="testcase"></div> 

     <script type="text/javascript"> 

     $(document).ready(function() { 
      $('body').mouseover(function() { 

       $('body').unbind(); 
// google html 
       $('#testcase').html('<g:plusone size="medium" annotation="inline"></g:plusone>'); 
    // Google code 
       var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; 
       po.src = 'https://apis.google.com/js/plusone.js'; 
       var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); 
      }); 
     }); 
     </script> 

Xin vui lòng cho tôi biết bạn nghĩ gì hoặc nếu tôi có thể cải thiện ý tưởng này.

+0

Tại sao không sử dụng tải? Tôi không nghĩ rằng bạn có thể chắc chắn rằng onmouseover hoạt động giống nhau trên tất cả các trình duyệt. – Gerben

+2

Tôi đồng ý về bloat widget, tôi quản lý để có được một trang web của bạc hà đến 98 & 98 (PageSpeed ​​/ YSlow) và ba yêu cầu HTTP - và nút ONE thổi nó ra 13 yêu cầu HTTP và điểm 90 phụ + thêm một giây hoặc hai lần tải. –

+1

Chúng tôi tải nội dung truyền thông xã hội trên di chuột tại đây: http://www2.highpoint.edu/index.php – Teddy

Trả lời

5

đã trải qua những vấn đề tương tự, và đã làm một cái gì đó như thế này:

function loadPlusOne() { 
    $.getScript("https://apis.google.com/js/plusone.js", function() { 
    gapi.plusone.render ("plusdiv", {"size": "medium", "count": "true", "expandTo": "top", "href": "http://mysite.com"}); 
    }); 
} 

Chức năng điều hành một vài mili giây sau khi cửa sổ được tải.

+0

Bạn có thể vui lòng hiểu hơn không, làm cách nào tôi có thể sử dụng nó trên trang html của mình? – NullPointer

+1

@NullPointer - Xin lỗi, nghĩ rằng nó là hiển nhiên, một cái gì đó như thế này -> http://jsfiddle.net/uWd4T/ – adeneo

+0

Cảm ơn bạn rất nhiều, Nó có hỗ trợ thuộc tính ngôn ngữ không? – NullPointer

1

Có một thay thế nhỏ để thực hiện việc này khi tải - bạn có thể làm điều đó trên sự kiện di chuột của vùng chứa. Nhược điểm là nó sẽ không xuất hiện chậm để tải và bạn có thể có các nút của thiết kế của riêng bạn để phù hợp với thiết kế của trang. Nó cũng sẽ không tải cho những người không bận tâm về họ. Nó thậm chí có thể cung cấp cho bạn thêm thông tin phân tích. Phía xuống là từ di chuột để tải bạn vẫn có cùng một thời gian tải. Người ta sẽ lo lắng rằng thời gian cần cho những người để tải sau khi di chuột là đủ để đặt chúng ra cách nhấp vào.

Techcrunch thực hiện một điều tương tự trên trang chủ của họ, mặc dù họ làm điều đó trên vùng chứa của toàn bộ mục tin tức. Tâm trí bạn, trang web của họ là awfully chậm anyway.

Các vấn đề liên quan