Công cụ Google PageSpeed: Làm thế nào họ tăng tốc độ Blog?
Trên 09 tháng 4 năm 2010 , Google kết hợp tốc độ tải trang web vào thuật toán xếp hạng của mình. Google đã làm cho nó bắt buộc đối với chủ sở hữu trang web và các tác giả web để giữ một cái nhìn cận cảnh về thời gian tải trang web của họ bởi vì bây giờ bảng xếp hạng tìm kiếm sẽ bao gồm thời gian phản ứng trang web quá, để thực hiện tìm kiếm người dùng thân thiện cho người sử dụng internet. Matt Cutts nhấn mạnh rằng mặc dù một tốc độ trang web sẽ được chú trọng trong tất cả các tiêu chí xếp hạng trong tương lai nhưng nó vẫn sẽ cân nặng ít hơn so với các yếu tố quan trọng như phù hợp, thời sự, danh tiếng vv nào có nghĩa là chất lượng của nội dung blog đến trước, tốc độ đến tiếp theo. Gần đây tôi đã xem qua sản phẩm mới nhất của Google được gọi là PageSpeed mà thực sự là phải đến thử cho tất cả các blogger. Tôi sẽ chứng minh một cách chi tiết về cách sử dụng tốt hơn của nó để giảm thời gian tải của blog của bạn.
Blog Tối ưu hóa tốc độ
Tại sao tốc độ trang quan trọng?
Các trang web tải nhanh trên thực tế dẫn đến sự tham gia của khách truy cập cao hơn, duy trì và chuyển đổi. Truy cập của bạn đến từ các vùng khác nhau với các kết nối Internet chậm và nhanh. Bạn thường mất 50% lưu lượng truy cập của bạn do để làm chậm thời gian tải. Trên một cuộc trò chuyện gần đây với một đại lý của Google Adsense, tôi biết được rằng 3 giây đầu tiên của một blog là đủ để cho một người truy cập quyết định liệu anh có thể cho phép các trang web để tải đầy đủ hoặc nhấn nút đóng và để lại đi. Bạn giao thông lỏng lẻo bằng cách chào đón du khách với các trang web chết chậm và kết quả là mất nhiều thuê bao có giá trị mỗi ngày. Nếu danh sách đăng ký của bạn không tăng sau đó nó có thể có thể là do nội dung, vấn đề xung đột trình duyệt blog không mang vẻ lôi cuốn của bạn hoặc nhiều nhất là một trang web tốc độ chậm.
Nhiều khách truy cập rời khỏi blog của bạn, tỷ lệ trả lại của bạn cao hơn phát triển và hiển thị quảng cáo của bạn thấp hơn. Do đó có một số phương pháp tối ưu hóa dễ dàng mà sẽ giúp bạn tăng tốc blog của bạn hơn bao giờ hết!
Kiểm tra Blog của bạn Điểm tốc độ
Thực hiện theo các bước sau để kiểm tra những điểm để bạn có được để đưa lên blog của bạn: Chúng tôi có một PageSpeed Điểm chung của 87 (trong số 100) lấy 19 giây để tải đó là chắc chắn không phải là rất tốt và chúng tôi vẫn cần phải thực hiện một số cải tiến mà tôi sẽ chia sẻ sau này trong bài viết này.
1. Thăm Kiểm tra điểm Tốc độ
2. Gửi URL Blog của bạn
3. Ghi lại điểm số của bạn
4. Nếu bạn ghi bất cứ điều gì trên 80 sau đó blog của bạn cần cải thiện hơn một chút. Bất kỳ điểm số dưới 80 có nghĩa là bạn cần phải thực hiện một số bước nghiêm trọng để cắt giảm thêm gánh nặng của kịch bản, hình ảnh và yêu cầu máy chủ trên blog của bạn.
Tốc độ ban đầu Vs. Tốc độ tối ưu
Trước khi nhảy cách để nén các kịch bản, hình ảnh, kiểu dáng để nâng cao hiệu suất trang web, trước tiên bạn phải tìm hiểu sự khác nhau tất cả các bước có thể mang lại cho bạn. Nếu sự khác biệt giữa bản gốc và tối ưu hóa lớn sau đó tất cả các bước tối ưu hóa tốc độ trở thành một phải làm. Khác nếu chỉ có một sự khác biệt của một giây sau đó bạn có thể thưởng thức hơn một tách cà phê và thư giãn!
1. Tới webpagetest
2. Gửi URL trang web của bạn, chọn múi như Virginia. Công cụ này sẽ chạy blog của bạn trên Chrome với kết nối DSL và hiển thị tốc độ thời gian gần đúng dựa trên vị trí mà bạn đã chọn.
3. Sau khi chờ đợi 3-4 phút, bạn sẽ thấy một bảng hiển thị thời gian tốc độ ban đầu của bạn và tốc độ tối ưu ( tốc độ có thể có thể đạt được ). Để kiểm soát tiên tiến hơn như bỏ qua quảng cáo và biểu ngữ trong các bài kiểm tra tốc độ.
bạn có thể thử liên kết này: webpagetest cho người sử dụng trước
4. Bạn thậm chí có thể tải các video để giữ nó như là một kỷ lục. Này là cho đến nay các công cụ tốt nhất mà tôi đã xem qua và rất khuyến khích bởi Google chính nó.
Nếu bạn thấy một sự khác biệt lớn giữa tốc độ thì bạn phải làm theo tất cả các lời khuyên và các công cụ chia sẻ trong hướng dẫn này. Để giữ cho loạt bài này hữu ích, chúng tôi sẽ xem xét từng phần riêng biệt. Chúng tôi đã có các công cụ cho cả người dùng blogger và người sử dụng Wordpress.
Tốc độ tối ưu hóa Blog
Một trang phân tích PageSpeed bạn có thể đã thấy lời đề nghị khác nhau phân loại là ưu tiên cao, thấp và trung bình. Tôi liệt kê chúng dưới đây để tham khảo:
Ưu tiên cao
phục vụ hình ảnh thu nhỏ , Kết hợp hình ảnh vào CSS sprites
Ưu tiên vừa
Tối ưu hóa hình ảnh , Giảm thiểu chuyển hướng
Thấp ưu tiên
Giảm bớt (CSS, HTML, JavaScript) , Tối ưu hóa để các phong cách và kịch bản , Kích hoạt nén , Tránh CSS @ nhập khẩu
Chúng tôi sẽ thảo luận về các lĩnh vực quan trọng ở đây chỉ:
Phục vụ hình ảnh thu nhỏ:
Thường hầu hết các blogger tải lên hình ảnh kích thước lớn trong bài biên tập và sau đó thay đổi kích thước hoặc sử dụng rộng HTML hoặc các thuộc tính chiều cao hoặc thuộc tính CSS. Thay vì hình ảnh thay đổi kích thước hình ảnh cây trồng đầu tiên tốt hơn và sau đó tải chúng về kích thước ban đầu. Kích thước ban đầu của một hình ảnh của nó là kích thước thu nhỏ . Nếu hình ảnh tải lên của bạn là lớn trong kích thước và bạn đang điều chỉnh nó đến một kích thước nhỏ hoặc trung bình thì bạn không cần thiết tăng kích thước trang trong byte.
Bạn cũng sẽ cần phải xác định chiều rộng và chiều cao kích thước cho mỗi hình ảnh bạn tải lên.
Công cụ tốt nhất cho việc này:
Windows Live Writer Cropper
Adobe Photoshop
Kết hợp hình ảnh vào CSS sprites:
Thường xuyên nhất khi chúng tôi thiết kế mẫu cho khách hàng chúng tôi thường đặt tất cả các biểu tượng thường được sử dụng, các nút và hình ảnh chỉ trong một hình ảnh lớn. Điều này ngăn cản một số yêu cầu cắt đứt và giúp tải hình ảnh nhanh chóng bằng cách chỉ cần gọi một hình ảnh duy nhất một lần. Chúng tôi đã áp dụng phương pháp này để Touch Me và Flipper vật dụng chia sẻ. CSS sprites làm giảm số lượng các chuyến đi vòng quanh và sự chậm trễ trong việc tải các tài nguyên khác và có thể làm giảm tổng số byte tải bởi một trang web.
Công cụ tốt nhất cho việc này:
Tối ưu hóa hình ảnh:
Ở đây, tối ưu hóa từ đề cập đến kích thước hình ảnh và không có giá trị SEO của mình. Cách tốt nhất để tối ưu hóa hình ảnh là sử dụng hình ảnh chỉ có trong các định dạng gif hoặc PNG. Thêm nữa, bạn có thể nén và giảm kích thước của hình ảnh PNG mà không mất chất lượng sử dụng những công cụ này:
- OptiPNG
- Pngout
- Adobe Photoshop
- Đọc này! hình ảnh Nén
Giảm thiểu chuyển hướng :
Tải lên tất cả các hình ảnh của bạn trên máy chủ của riêng bạn. Người sử dụng Blogspot có thể tải lên hình ảnh con trai blogger chỉ và không phải sử dụng dịch vụ lưu trữ của bên thứ ba như Flickr hoặc Photobucket. Người sử dụng Wordpress có thể tải lên các hình ảnh trực tiếp trên máy chủ của họ.
Giảm bớt Javascript:
"Giảm bớt" đề cập đến loại bỏ byte không cần thiết, chẳng hạn như không gian thêm, ngắt dòng và thụt đầu dòng.
Công cụ tốt nhất cho việc này:
- Rea này! Nén Javascript
- JSMin
Tất cả kết hợp của JavaScript:
Điều này là đúng phương pháp tốt nhất để tăng cường một hiệu suất trang web. Thay vì liên kết jquery hoặc mã JavaScript cho tất cả các plugin riêng. bạn có thể dán tất cả các kịch bản trong một tập tin duy nhất và lưu tập tin này với phần mở rộng js sau đó gọi nó trong blogger mẫu của bạn sử dụng mã này.:
<Script src = ' dán liên kết ĐÂY 'type =' text / javascript "> </ script>
Lưu ý: Nếu bạn không biết làm thế nào đặt hàng JavaScript hoạt động sau đó kết hợp tốt hơn các file mà là láng giềng gần gũi.
Không bao giờ nén CSS!
Bạn không bao giờ phải chơi với thụt đầu dòng và định dạng của phong cách trang. Một kiểu sạch sẽ và gọn gàng sẽ giúp định dạng trong thiết kế và duy trì blog của bạn. Nén CSS sẽ chỉ làm cho vấn đề tồi tệ hơn cho bạn. Nó thực sự sẽ làm giảm thời gian tải trang bằng vài byte nhưng không phải là rất đáng kể. Do đó bạn có thể nén JavaScript nhưng không bao giờ cố gắng nén CSS.
Tóm tắt:
Luôn luôn làm điều này để cải thiện tối đa hiệu suất:
Sử dụng hình ảnh Scaled. Xác định chiều rộng và chiều cao trong HTML. Không thay đổi kích thước hình ảnh lớn thay vì cây trồng đầu tiên chúng và sau đó tải chúng lên.
- Sử dụng CSS Sprites để kết hợp hình ảnh nhỏ vào một tập tin hình ảnh duy nhất.
- Tối ưu hóa hình ảnh. Luôn luôn sử dụng gif hoặc PNG hết các định dạng. Nén PNG hình ảnh sử dụng công cụ trực tuyến như OptiPNG và PNGOUT
- Giảm bớt Javascript
- Kết hợp tất cả các kịch bản trong một tập tin Cổ phần chung
- Không bao giờ Nén CSS.
Quan điểm của bạn
Tôi sẽ cập nhật cho bạn thêm về điều này lớn dịch vụ mới của Google có rất nhiều công cụ chất lượng và hướng dẫn để giúp bạn hiểu làm thế nào tốc độ trang được kiểm soát và tối ưu hóa. Nếu có bất kỳ điểm nào vẫn tạo ra sự nhầm lẫn cho bạn sau đó xin vui lòng gửi câu hỏi của bạn trong hộp bình luận dưới đây.
Tôi mạnh mẽ sẽ khuyên bạn nên một tour du lịch của công cụ này và kiểm tra tốc độ blog của bạn và áp dụng những phương pháp tối ưu hóa lớn sáu để làm được nhiều nhất của blog của bạn và làm cho nó một trang web thân thiện với người sử dụng cho cả người dùng máy tính để bàn và người sử dụng điện thoại di động.
Bạn có biết các công cụ tuyệt vời này của Google? Điểm tốc độ trang web của bạn là gì? Đừng quên chia sẻ và thảo luận để chúng ta đấu tranh với nhau.