Khắc phục lỗi load file *-css_bundle_v2.css trong Blogspot (test trên PageSpeed Insights)
📅 — 👀 808 — 👦Khi dùng PageSpeed Insights đễ kiểm tra website trên nền tảng Blogspot, ta thấy lỗi hay gặp là https://www.blogger.com/…/v1/widgets/2901518656-css_bundle_v2.css và https://www.blogger.com/…&zx=f303f44a-0b63-4177-8c37-e46b8c8971d4. Thực ra đây không phải là lỗi mà là các file này được sinh ra tự động trên Blogspot. Cách fix là ta không cho phát sinh tự động ra các file này.
Sau đây là cách khắc phục (có 2 cách)
Cách 1:
- Tìm <b:skin><![CDATA[/* ------------ */ ]]></b:skin> ta copy nội dung trong thẻ này vào thẻ <style></style>, sau đó đổi tên thẻ <b:skin><![CDATA[/* ------------ */ ]]></b:skin> thành <style type="text/css"><!-- /*<b:skin><![CDATA[*/]]></b:skin>.
Với cách 1, nếu nội dung trong thẻ <b:skin></b:skin> có chứa các biến (Ví dụ: <Variable name="body.background.color" description="Outer Background" type="color" default="#2e2e2e" value="#f0f0f0"/>) thì ta lần lượt đổi body.background.color thành giá trị cụ thể tương ứng với class hay id trong <style></style>.
Hạn chế : Mắc công thay giá trị biến đã được khai báo trong <b:skin></b:skin> và bị vỡ Layout (Bố cục) trên trang quản trị.
Cách 2:
- Tìm <head> thay bằng <head> và </head> thay bằng </head><!--<head/>-->
Ngoài ra nếu bạn muốn vô hiệu hóa file Plusone.js và Widgets.js được load tự động trong Blogspot thì bạn thay </body> thành <!--</body>--> </body>
Ưu điểm: Không cần thay đổi biến trong <b:skin></b:skin>, không bị vỡ Bố cục (Layout) trên trang quản trị.
📁 Blogspot, Thủ thuật
🔖