Chủ Nhật, 1 tháng 9, 2013

Tools Kiểm Tra Tốc Độ Load Website Chính Xác Nhất

Bạn có biết tốc độ load trang ảnh hưởng rất nhiều đến tìm kiếm của Google cho website của bạn? Một trong các tiêu chí đánh giá và xếp hạng của Google, bộ máy tìm kiếm này sẽ ưu tiên các website load nhanh đến nội dung người dùng cần xem, vì vậy việc tối ưu tốc độ website luôn quan trọng. Để ăn điểm thêm trong mắt Google, website đó còn phải có tốc độ load trang nhanh.
Trên mạng hiện nay có khá nhiều công cụ để đo tốc độ tải trang mà bạn có thể sử dụng để cải thiện tốc độ load trang của website bạn, bạn có thể dựa vào đó để tối ưu các hình ảnh, CSS, JS…
Sau đây là 5 công cụ đo tốc độ website online miễn phí mà bạn có thể tham khảo:

1. Google Page Speed công cụ tối ưu tốc độ tải trang hàng đầu

Đầu tiên là một công cụ của Google



Google Pagespeed Insights
Cơ chế phân loại đánh giá ưu tiên rất thông minh của Google Pagespeed Insights có thể giúp chúng ta rút ngắn thời gian cải thiện website của mình rất nhiều, mình vẫn đánh giá đây là công cụ thiên về hướng giúp tối ưu, cải thiện website của bạn hơn là một công cụ đo tốc độ giống như nhiều tools online khác. Qua sử dụng mình thấy không có công cụ nào có thể vượt mặt nó về vấn đề này, và nó xứng đáng xếp thứ nhất.
Đối với mình, Google vẫn là số 1 vì Google cung cấp đầy đủ “đồ chơi” cho các webmaster, làm việc với Google thật tuyệt.

2. Pingdom tools, một công cụ đo tốc độ website cũng khá nổi tiếng

Pingdom Tools do toc do load website nen 500x247
Pingdom Tools

Ưu điểm:

- Tốc độ đo website khá nhanh, liệt kê khá cụ thể từng file phân tích, có lưu lại tốc độ trang đo những lần trước, do đó bạn có thể so sánh tốc độ tải trang trong các lần đo với nhau, có chấm điểm và xếp hạng theo % với những website đã test trong Pingdom.

Nhược điểm:

- Trong phần Settings chỉ hỗ trợ test ở 3 nơi, 2 ở Mỹ và 1 ở Hà Lan, vì vậy các website trong nước khi test tốc độ chậm hơn.
Tuy vậy đây là tools vẫn đáng để sử dụng và tham khảo.

3. Neustar Web Performance

Web Performance Instant Test 500x236
Web Performance Instant Test
So với Pingdom Tools, mình đánh giá công cụ này khá hơn. Tốc độ đo khá nhanh, có server tại Singapore nên có vẻ tốc độ  đo được có vẻ chính xác hơn đối với các website Việt Nam. Công cụ này thực hiện đo tốc độ website bạn tại 4 nơi trên thế giới, bạn có thể xem đánh giá chi tiết từng nơi đó. Neustar dựa trên tiêu chí hình ảnh, Scripts và Documents như các tools đo khác.

4. Webpagetest

WebPagetest 500x231
WebPagetest
Nếu bạn cần một công cụ đo tốc độ website hỗ trợ nhiều nơi nhất, đây có lẻ là sự lựa chọn tốt nhất. Webpagetest hỗ trợ test ở rất nhiều nơi, và test trên nhiều trình duyệt web khác nhau. Mình cũng đã test thử ở HongKong bằng trình duyệt web Chrome và thấy rằng tốc độ tải trang vanmy.net nhanh hơn 3 công cụ đo tốc độ website ở trên. Tools này rất đáng thử .

5. Which loads faster, tools cuối cùng mà mình muốn giới thiệu

Which loads faster nen 500x190
Which loads faster
Hỗ trợ test một lần 2 website để bạn có thể dễ dàng so sánh tốc độ, công cụ này khá hay và chính xác, bạn hãy thử xem.

Kết luận:

Trên đây là 5 công cụ giúp bạn có thể tối ưu và cải thiện website của mình hơn, một điều không thể thiếu đối với các Webmaster. Các bạn hãy thử test thử, có thể nó sẽ giúp website của bạn tốt hơn.
Ngoài ra còn nhiều tools khác nhưng mình không đề cập đến, 5 tools này là quá đủ để hỗ trợ chúng ta.

Blog ID Của Bạn


Mỗi blog được xác định bởi một ID riêng của nó. Nếu blog của bạn chưa được thiết lập đúng ID, có thể một số chức năng sẽ không hoạt động được, ví dụ như trả lời bình luận của bài viết... Do đó, việc tìm đúng blog ID và cập nhật vào giao diện của bạn là rất cần thiết

Để xác định được blog ID, chọn mục "Overview" ở bảng quản lý blog, rồi nhìn địa chỉ lúc này trên trình duyệt bạn sẽ thấy 


Dãy số đằng sau "blogID=..." chính là blog ID của bạn.

Bước tiếp theo, bạn vào bảng chỉnh sửa HTML của giao diện và nhấn CTRL+F để tìm "blogID", rồi thay thế ID của giao diện bằng blogID mà bạn đã xác định ở trên.


Chúc bạn đọc và vọc thành công!

Chọn Và Thiết Lập Các Tiện Ích Blogger


Blogger cung cấp một số lượng các tiện ích mà bạn có thể thêm vào trang blog của mình. Đừng ngại gì khi thử ứng dụng chúng, vì bạn có thể cài đặt hay tháo bỏ tiện ích rất nhanh chóng và dễ dàng.


Bây giờ bạn muốn chèn một video từ YouTube vào góc phải của blog, ở vị trí "Contact Information". Cách làm như sau:

1. Bạn click phải chuột trên video ở trang YouTube, sau đó chọn "Copy embed html"


2. Bạn click vào icon công cụ chỉnh sửa bên dưới tiêu đề "Contact Information", một cửa sổ thiết lập tiện ích sẽ xuất hiện. Bạn hãy sửa lại phần "Title" và dán đoạn mã html vừa copy vào phần "Content". Lưu ý sửa lại giá trịwidth="100%" và height="240" để video vừa khít kích cỡ của tiện ích.


Tiếp theo, bạn muốn đặt một tấm ảnh ở vị trí của "Recent Post". Bạn cũng mở cửa sổ thiết lập tiện ích lên, nhập vào "Content" đoạn mã html <img src="http://vietmoz.net/uploads/news/2013_03/tai-lieu-seo-blogger.jpg" width="100%" height="auto" /> và thay địa chỉ ảnh trong đoạn mã bằng địa chỉ ảnh mà bạn muốn hiển thị. Tốt nhất là bỏ trống phần "Title" rồi "Save" lại.


Bạn chưa biết phải làm gì với "Sample Text", vậy hãy tháo bỏ tiện ích này, bằng cách mở cửa sổ thiết lập lên và click chọn nút "Remove".


Ở vị trí "Download", bạn nên đặt những liên kết chia sẻ tài liệu cho người xem tải về.

Chèn File PHP Vào Blogspot


Chèn file PHP vào Blogspot
Bài viết này mình sẽ hướng dẫn các bạn cách thêm file PHP vào blog.

¤ Thêm slider CSS3 ves 3 này vào blog.

1- Đăng nhập vào blog
2- Chọn Bố cục (Layout)
3- Chọn Thêm tiện ích (Add widget)
4- Chọn HTML/Javascipts và dán code bên dưới vào..
<object width="400" height="300" type="text/html" data="Your URL.php"></object>

Thay Your URL.php thành link file PHP.

5- Lưu lại là Oke.

Button Hỗ trợ Skype Online cho Blog /website

Button Hỗ Trợ Skype Online Cho Blog /Website

Hiện nay nhu cầu hỗ trợ trực tuyến trên mạng rất phổ biến. Blog của bạn sẽ có thêm một lượng lớn độc giả nếu dịch vụ hỗ trợ và chăm sóc khách hàng thường xuyên hơn.Cách đơn giản nhất mà không mất phí đó là dùng các mạng xã hội như Skype, facebook, yahoo. Bài viết này mình sẽ hướng dẫn các bạn code để giúp độc giả khi truy cập blog có thể biết được bạn đang online bằng tài khoản Skype hay khong để chat trực tuyến và yêu cầu hỗ trợ online mà không cần phải gọi điện thoại hỏi trước.


» Cách tạo Button Hỗ trợ Skype Online cho Blog /website

l. Đăng nhập vào blog
2. Chọn Bố cục (layout)
3. Chọn thêm tiện ích (Add widget) » Chọn HTML/Javascripts và dán code bên dưới vào nha.
<a href="Skype:YOUR-ID-SKYPE?chat"> <img src="http://mystatus.skype.com/bigclassic/YOUR-ID-SKYPE" title="Liên hệ với nhóm tác giả để được trợ giúp trực tuyến qua Skyper" width="120" height="30" alt=""> </a>
» Trong đó:
  • YOUR-ID-SKYPE là id trang Skype  của bạn, có 2 lần thay trong code trên.
  • width="120" là chiều rộng của hình ảnh button
  • height="30" là chiều cao của hình ảnh button
  •  bigclassic là hình ảnh của button sẽ hiển thị phần này bạn có thể thay đổi thành cách hình khác như phần nâng cao ở cuối bài viết này.

» Một số hình ảnh hỗ trợ Skype bạn có thể chọn

Nếu thích hình nào trong các hình bên dưới bạn chỉ cần thay giá trị bigclassic thành từ bên dưới theo ý thích của bạn nha.
                                         mediumicon

 bigclassic 

                  smallclassic 

         balloon 

» Tùy biến sáng xanh khi có người online

1. Truy cập vào trang tùy biến của Skype : https://dev.skype.com/skype-uri/generator
2. Điền thông tin mà họ yêu cầu sau đó copy code bạn lấy được về dán vào blog của bạn nha,

Bộ Đếm Lượt Truy Cập Blogspot Biểu Tượng Lá Cờ Từ Flagcounter


Bộ đếm lượt truy cập Blogspot có biểu tượng lá cờ từ flagcounter
Thông thường các bộ đếm trong blog của bạn chỉ đơn giản là hiện ra số pageview , visitor… nhưng với flagcounter , bạn còn làm được nhiều hơn thế nữa , bên cạnh những tính năng của bộ đếm thông thường nó còn hiện lên quốc kỳ của những người truy cập vào blog của bạn , với bộ đếm này người ta sẽ biết blog của bạn phổ biến đến mức nào đấy nhé .

Để làm bộ đếm này , các bạn hãy truy cập vào trang www.flagcounter.com , để lấy code nha


Trong đó :

 Maximum Flags to Show : chọn số lá cờ hiện ra trong bộ đếm , nếu muốn tất cả các lá cờ hiện ra thì chọn all

Columns of Flags : số cột hiện ra ( ví dụ trong hình bộ đếm được chia ra làm 2 cột )

Label on Top of Counter : đặt tên cho bộ đếm ( chọn những tên có sẵn hay tự mình đặt tên bằng cách chọncustom

Background Color : chọn màu nền cho bộ đếm

Text Color : màu chữ của bộ đếm

Border Color : màu đường viền của bộ đếm

Show Country Labels : nếu bạn check vào thì bộ đếm sẽ hiện ra tên viết tắt theo quốc tế của quốc gia đó

Show Pageview Count : check vào để hiện ra tổng số pageviews


Sau khi tùy chỉnh xong thì nhấp vào nút get my flag counter! , để lấy code chèn vào blog hoặc forum của mình .


Nếu bạn sử dụng một trong các dịch vụ tạo blog dưới đây thì hãy nhấp vào biểu tượng của dịch vụ đó để được tự động đưa code vào blog của mình

Sau đó điền thông tin trang web của mình vào đó để tự động Add vào hoặc copy COde dán vào Blog


Chúc bạn có được một bộ đếm như ý của mình .