Thủ thuật tối ưu blogspot tăng tốc độ tải trang

Xin chào các blogger đẹp trai xinh gái. Nay mình xin chia sẻ các cách thủ thuật nhỏ dành cho blogspot đó là TĂNG TỐC ĐỘ TẢI TRANG (load nhanh và đạt kết quả tốt trên công cụ tìm kiếm google). Còn chờ gì nữa bắt đầu thôi.


hướng dẫn thực hiện:

Bước 1: Như được biết trong templates blogspot ở phần Mẫu > Chỉnh sửa HTML thì chúng ta có cấu trúc cơ bản các phần như sau.

<html>
 <head>
 </head>
 <body>
 </body>
</html>
Và việc cơ bản để tối ưu tăng tốc độ tải trang cho blogspot theo cách của mình các bạn chỉ cần chỉnh sửa lại đôi chút phần bố cục này như sau.

<head> thay đổi thành &lt;head&gt;
</head> thay đổi thành &lt;/head&gt;&lt;!--<head/>--&gt;
 <body> thay đổi thành &lt;body&gt;
</body> thay đổi thành &lt;!--<body/>--&gt; hoặc &lt;!--</body>--&gt;&lt;/body&gt;
Sau đó tiến hành lưu mẫu và kiểm tra thì bạn sẽ cảm thấy tốc độ tải trang blogspot tăng điểm lên rất nhiều. Để kiểm tra tốc độ tải trang các bạn có thể kiểm tra tại đây.

Bước 2:  Tối ưu tốc độ tải blogspot bằng cách ẩn js. Mặc định của các đoạn js như thế này:
<script............></script>
Bây giờ chỉ cần thêm async='async' vào trong thẻ <script>  như bên dưới là được.
<script async='async' ........> </script>
LƯU Ý:
  - Không phải làm đoạn js nào cũng thêm async='async' vào mà bạn hãy xem xét nhưng đoạn nào không cần thiết hoặc quá nặng.
   - Không nên thêm vào thư viện js.
Bước 3:  
Tối ưu Link css, Font Awesome, Google Fonts và JavaScript.

Bước 4: Tối ưu hóa cache và DNS Prefetch

Bạn chỉ cần thêm đoạn code dưới đây vào sau thẻ <head> là được.
<meta content='YOUR_ID' name='google-site-verification'/>
<meta content='YOUR_ID' name='yandex-verification'/>
<meta content='YOUR_ID' name='msvalidate.01'/>
<meta content='#019875' name='theme-color'/>
<meta content='text/javascript' http-equiv='Content-Script-Type'/>
<meta content='text/css' http-equiv='Content-Style-Type'/>
<meta content='vi' http-equiv='content-language'/>
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='//1.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//2.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//3.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//4.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//www.blogger.com' rel='dns-prefetch'/>
<link href='//maxcdn.bootstrapcdn.com' rel='dns-prefetch'/>
<link href='//fonts.googleapis.com' rel='dns-prefetch'/>
<link href='//use.fontawesome.com' rel='dns-prefetch'/>
<link href='//ajax.googleapis.com' rel='dns-prefetch'/>
<link href='//resources.blogblog.com' rel='dns-prefetch'/>
<link href='//www.facebook.com' rel='dns-prefetch'/>
<link href='//plus.google.com' rel='dns-prefetch'/>
<link href='//twitter.com' rel='dns-prefetch'/>
<link href='//www.youtube.com' rel='dns-prefetch'/>
<link href='//feedburner.google.com' rel='dns-prefetch'/>
<link href='//www.pinterest.com' rel='dns-prefetch'/>
<link href='//www.linkedin.com' rel='dns-prefetch'/>
<link href='//feeds.feedburner.com' rel='dns-prefetch'/>
<link href='//github.com' rel='dns-prefetch'/>
<link href='//player.vimeo.com' rel='dns-prefetch'/>
<link href='//platform.twitter.com' rel='dns-prefetch'/>
<link href='//apis.google.com' rel='dns-prefetch'/>
<link href='//connect.facebook.net' rel='dns-prefetch'/>
<link href='//cdnjs.cloudflare.com' rel='dns-prefetch'/>
<link href='//www.google-analytics.com' rel='dns-prefetch'/>
<link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/>
<link href='//googleads.g.doubleclick.net' rel='dns-prefetch'/>
<link href='//www.gstatic.com' rel='preconnect'/>
<link href='//www.googletagservices.com' rel='dns-prefetch'/>
<link href='//static.xx.fbcdn.net' rel='dns-prefetch'/>
<link href='//tpc.googlesyndication.com' rel='dns-prefetch'/>
<link href='//syndication.twitter.com' rel='dns-prefetch'/>

Lời kết

 Để tăng tốc một các tối ưu hơn nữa thì bạn có thể chuyển các đoạn JS nào cần ưu tiên vào sau thẻ <head> để được ưu tiên load trước giúp tăng tốc độ tải trang một cách tốt hơn. Chúc các bạn thành công.

46 Comments:

Post a Comment

  1. bài viết hay đó nhưng ko quan trọng =VN vô địch

    ReplyDelete
    Replies
    1. hahahah :v chuẩn bị tới giờ rồi =))

      Delete
  2. "< html >
    < head >

    < body >

    " mò trong temp để rip thì phải :v :v

    ReplyDelete
  3. Replies
    1. cảm ơn ông =)) test ngay i nó hiệu quả lắm á

      Delete
  4. thề là mỗi lần bình luận là bấm nhầm nút Older post :3

    ReplyDelete
  5. đá rồi
    hóng 3-0
    nhân tiện bài viết rất hữu ích

    ReplyDelete
  6. Cái chữ quốc bảo blog làm logo đc hơn anh ơi :v

    ReplyDelete
  7. Replies
    1. ad đã mở khóa =)) anh nhớ click ủng hộ em lấy mã pin sớm sớm nha :V

      Delete
    2. thôi anh ơi -.- click cho em đi :v

      Delete
  8. Hay đó e :) tối ưu blog hơn nữa thì ok luôn ^^

    ReplyDelete
    Replies
    1. Cảm ơn anh :p em cũng đang cố tối ưu nè

      Delete
  9. Tem của e đa phần chia sẽ ảnh bìa nhĩ :) thủ thuật cũng có mà ko nhiều lắm :) chắc sub domain facebook.quocbaoblog.xyz mà seo từ khóa "Ảnh Bìa Facebôk"e ạ :))

    ReplyDelete
    Replies
    1. temp em bìa đâu có nhiêu đâu anh -_- tại dào này em hết biết viết gì với bận học quá nên không có time ra bài về thủ thuật anh ạ

      Delete
    2. Tạo thêm 1 tên miền phụ của tên miền chính đó :)

      => Kiểu như domain : quocbaoblog.xyz là domain chính
      + thì domain xxx.quocbaoblog.xyz là sub domain đó :)

      VD : như của a nè: hungcoder.com => data.hungcoder.com :)

      Delete
    3. à à em hiểu ời với sub domain đó mình seo với một từ khóa riêng để dẫn về domain chính ham anh

      Delete