Cách nén JavaScript và CSS stylesheet trong Blogger?

Một số thành viên blogger mới khi triển khai trang web của mình thường sử dụng mẫu căn bản mà không có sự tinh chỉnh blog của mình để đạt hiệu quả cao nhất. Tinh chỉnh blog thực chất là việc làm cần thiết nhằm tăng tối đa tốc độ tải trang và giảm thiểu ở mức thấp nhất tài nguyên web giúp trang web có được đánh giá cao của người đọc và các bộ máy tìm kiếm, nó thực quan trọng đối với mỗi blog. Cũng như những bài viết trước tôi đã đề cập đến các bạn Làm thế nào để thay đổi Fonts trong blogger, Công cụ sửa lỗi ngữ pháp tốt nhất cho Blogger, đến với bài viết này tôi sẽ đề cập đến bạn nên nén JavaScript và stylesheet của  blog để tăng tốc độ tải trang và ở đây tôi sẽ chỉ cho các bạn từng bước để nén JavaScript và tập tin CSS trong blog của bạn. Nén các mã hóa chắc chắn sẽ mang lại lợi ích bởi vì sau khi nén, mã trông ngắn và nó sẽ giảm thiểu tối đa tài nguyênbộ nhớ giúp cải thiện thời gian tải được nhanh hơn. Bạn có thể dễ dàng nén bất kỳ JavaScript hoặc mã CSS với việc sử dụng hai công cụ trực tuyến sau. Và bây giờ bạn hãy làm theo tôi.

* Nén JavaScript và CSS

Để nén CSS cho blog thì tôi khuyên bạn trước tiên bạn hãy lưu mẫu hiện tại của bạn bằng cách tải về mẫu bạn đang sử dụng nhằm tránh trường hợp nếu xảy ra bất kỳ một lỗi nào đó bạn có thể khôi phục bằng cách upload lại mẫu cũ của bạn. Nếu bạn không lưu mẫu dự phòng thì bạn sẽ đối mặt với những rắc rối lớn và buộc bạn phải upload lại mẫu Theme mới ban đầu chưa có chỉnh sữa gì. Điều này sẽ làm mất thời gian của bạn. Sau khi tải mẫu hiện tại của bạn về máy tính, bây giờ chúng ta cùng bắt tay thực hiện.

                    Đọc thêm:     7 cách tốt nhất để cải thiện nội dung blog của bạn

Đầu tiên bạn đăng nhập Blogger >> Vào Mẫu (Template) >> Vào Chỉnh sửa HTML

Sau khi xuất hiện bản mã HTML, trong bảng này bạn tìm đến phần mở rộng là cặp mã <b: skin> và </b: skin> bằng cách nhấp chuột vào bảng mã HTML, nhấn tổ hợp phím Ctrl+F để tìm thẻ <b: skin> trong ô tìm kiếm, ấn vào nút mũi tên màu đen phía trước mã <b:skin>....</b:skin> để xuất hiện mã CSS nằm giữa cặp thẻ này.

Sau khi ấn vào bạn sẽ chuyển đến phần mã CSS nằm giữa <b:skin>....</b:skin>, copy đoạn mã này lưu vào file Notepad để thực hiện nén.

Tiếp theo bạn vào CSS Compressor để nén trực tuyến, bạn dùng mã vừa sao chép ở trên dán vào công cụ này để nén, sau khi nén xong có kết quả, bạn sao chép mã đã nén và dán đè lên mã ban đầu mà bạn đã copy.

Việc cuối cùng là ấn vào Lưu mẫu để thay đổi các thiết lập của bạn

Nén JavaScript: 

Tương tự như ở các bước nén CSS ở trên, ở phần nén JavaScript các bạn sẽ đi tìm cặp thẻ <script>...</script> đó chính là đoạn mã nằm giữa cặp thẻ này. Bạn sao chép toàn bộ đoạn mã nằm giữa cặp thẻ này và dán nó vào trang JavaScript Compressor để nén nó lại. Sau khi bạn đã thực hiện việc nén mã JavaScript thành công, bạn copy toàn bộ đoạn mã sau khi nén và dán đè lên đoạn mã ban đầu trong trang web của bạn. Như vậy bạn đã thực hiện thành công hai công đoạn nén CSS và JavaScript, bây giờ hãy quay trỏ lại trang web của bạn để cảm nhận tốc độ tải trang dược cải thiện hoàn chỉnh.

                       Đọc thêm:     Tạo trang lỗi 404 chuyên nghiệp trên Blogger

Thay cho lời cuối tôi muốn nói với bạn rằng, ở trên là hai tiện ích miễn phí mà bạn không nên bỏ qua khi cài đặt blog của mình, bạn sẽ nhận được nhiều lợi ích hơn và đọc giả hơn khi trang web của bạn có tốc tộ tải nhanh và không gây khó chịu cho người đọc khi phải chờ đợi trang web của bạn.