Cách xóa bỏ css mặc định trong blogspot

Khi sử dụng blogspot người dùng không tối ưu code nó sẻ tự động sinh ra một số đoạn mã css mặc định trong blog làm cho blog load chậm hơn và gây lỗi trên w3c vì thế bài viết sẻ giúp bạn có thể xóa các đoạn css đó đi giúp tăng tốc độ load, fix lỗi trên w3c.
Cách xóa bỏ css mặc định trong blogspot
Mặc định khi bạn sử dụng blogspot thì nó sẻ tự động thêm vào hai link css như sau:
<link type='text/css' rel='stylesheet' href='https://www.blogger.com/static/v1/widgets/3841957138-widget_css_bundle.css' />
<link type='text/css' rel='stylesheet' href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=4245775164278706291&zx=7177e59e-74fa-412c-9fa2-d5b82e0ee894' />
Cách xóa bỏ css mặc định trong blogspot
Nếu mặc định các link này thêm vào blog của bạn sẻ làm giảm tốc độ tải trang check trên google speed test (Tối ưu hóa phân phối CSS) và gây ra lỗi trên w3c cụ thể bạn có thể xem hình dưới đây mà các công cụ họ đề xuất giải pháp khắc phục.

Cách xóa bỏ css mặc định trong blogspot
Cách xóa bỏ css mặc định trong blogspot

Cách xóa bỏ url css mặc định trong blogspot

Xóa bỏ để tối ưu tốc độ tải cho blog của bạn làm một điều cần thiết, trước tiên các bạn hãy sao lưu template của bạn lại đã sau đó hãy thực hiện theo cách dưới đây.

Bước 1: Tìm đến thẻ <b:skin><![CDATA[
Sau đó thay thế mã đó bằng
&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>
Cách xóa bỏ css mặc định trong blogspot


Tiếp tục tìm đến thẻ ]]></b:skin> và thay thế nó bằng </style>

Note: Để chắc chắn thì bạn nên sao chép css trong url sau https://www.blogger.com/static/v1/widgets/3841957138-widget_css_bundle.css và paste vào giữa thẻ vì cố thể có một số thành phần trong html nó còn tác động từ css mặc định mà bạn chưa tinh chỉnh customer css nên việc này là cần thiết để tránh xảy ra các lỗi trên blogspot.
&lt;style type=&quot;text/css&quot;&gt;
Đặt css ở đây
&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>
Sau khi xóa bỏ và tối ưu hóa css bạn có thể check tốc độ load của bạn tăng lên đáng kể
https://developers.google.com/speed/pagespeed/insights/
Tốc độ trước khi tối ưu
tăng tốc cho blogspot
Tốc độ sau khi tối ưu
tăng tốc cho blogspot
Hy vọng với một vài bước đơn giản như trên sẻ giúp cho blogspot của bạn được tối ưu hóa tốc độ tải hơn. Thanks.
Donate MoMo: 035.45.48.599
Bài đăng mới hơn Bài đăng mới hơn Bài đăng cũ hơn Bài đăng cũ hơn

Bài đăng khác

10 nhận xét

Khi Comment hãy click vào "Thông báo cho tôi" để theo dõi phản hồi mới nhất từ admin
  1. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  2. Thực hiện xong đúng là tốc độ load lên mạnh thật nhưng trên mobile giao diện hỏng hết, ko show bài viết nào, có mỗi cái title với banner. Haizzz

    Trả lờiXóa
  3. Sao back up code rồi mà nó vẫn bị hỏng giao diện, bạn giúp mình với :(

    Trả lờiXóa
  4. Sao back up code rồi mà nó vẫn bị hỏng giao diện, bạn giúp mình với :(

    Trả lờiXóa
  5. Thực hiện xong đúng là tốc độ load lên mạnh thật nhưng trên mobile giao diện hỏng hết, ko show bài viết nào, có mỗi cái title với banner. Haizzz

    Trả lờiXóa
  6. Trả lời
    1. Tóm lại là tem bạn có bị sao không :D

      Xóa