Cách nén các tệp CSS, HTML và Javascript của bạn

Cách nén các tệp CSS, HTML và Javascript của bạn

Divi: Chủ đề WordPress tốt nhất mọi thời đại!

hơn Tải xuống 901.000, Divi là chủ đề WordPress phổ biến nhất trên thế giới. Nó là hoàn chỉnh, dễ sử dụng và đi kèm với hơn 62 mẫu miễn phí.

TẢI XUỐNG DIVITEMPLATES

Bạn có muốn nén các tệp CSS, HTML và javascript của mình trên WordPress không?

Khi bạn nén các tệp CSS, HTML và Javascript của trang web, bạn có thể tiết kiệm thời gian quý báu về tốc độ tải trang của trang web của mình. Bây giờ chúng ta không nói về việc cắt giảm một nửa tốc độ tải trang của bạn hay bất cứ thứ gì, nhưng khi nói đến tốc độ trang web của bạn, bất kỳ chút nào cũng đều quan trọng.

Tốc độ tải trang web của bạn không chỉ quan trọng đối với khách truy cập mới mà còn đối với thứ hạng của công cụ tìm kiếm.

Thuật ngữ “giảm bớtTrong ngôn ngữ lập trình mô tả quá trình loại bỏ các ký tự không cần thiết khỏi mã nguồn. Các ký tự này bao gồm dấu cách, dấu ngắt dòng, các ý kiến và chặn các dấu phân cách hữu ích cho con người chúng ta nhưng vô dụng đối với máy móc.

Chúng tôi giảm thiểu các tệp của trang web chứa mã CSS, HTML và Javascript để trình duyệt web của bạn có thể đọc chúng nhanh hơn.

Đọc bài viết của chúng tôi về 10 WordPress plugin để cải thiện tốc độ của blog của bạn

Dưới đây là một ví dụ về thu nhỏ CSS.

CSS trước khi thu nhỏ

/ * Một tệp CSS mẫu ---------------------------------- * / .user-profile-card { margin: 0px; nền: #33E43} .user-profile-description {Border: 0; vị trí: tuyệt đối; chiều rộng: tự động; lề trên: 20px; }

CSS sau khi thu nhỏ

.user-profile-card{margin:0;background:#33e43}.user-profile-description{border:0;position:absolute;width:auto;margin-top:20px}

Rõ ràng, đây chỉ là một ví dụ nhỏ sử dụng đoạn mã CSS, nhưng bạn có thể tưởng tượng điều này sẽ tiết kiệm được bao nhiêu dung lượng khi thu nhỏ hàng nghìn dòng mã. 

Làm cách nào để tăng thời gian dành cho blog WordPress của bạn? Tìm hiểu bằng cách tham khảo bài viết này.

Vì vậy, nếu bạn muốn làm thủ công, kỹ thuật bạn có thể. Nhưng bạn sẽ có nguy cơ mắc lỗi cao và lãng phí thời gian quý báu của mình một cách không cần thiết!

Thực hiện theo các mẹo này và sử dụng các công cụ theo ý của bạn.

1. Trang lỗi 404 Chuyển hướng đến Trang chủ hoặc Trang tùy chỉnh

Dưới đây là một trong những cách tốt nhất để dễ dàng thêm trang lỗi 404 sẽ chuyển hướng khách truy cập đến trang chủ hoặc trang được cá nhân hóa, sau khi kích hoạt plugin này. WordPress cao cấp.

404 error page redirect to homepage or custom page. plugin wordpress404 error page redirect to homepage or custom page. plugin wordpress404 error page redirect to homepage or custom page. plugin wordpress

Tất cả các trang lỗi 404 sẽ được chuyển hướng đến trang chủ hoặc đến một URL tùy chỉnh. Bằng cách sử dụng cái này Plugin WordPress, bạn sẽ cho phép Google giảm thứ hạng trang của trang web của bạn nếu nó có nhiều trang lỗi 404.

Khám phá quá Cách sửa lỗi 413 trên WordPress

Plugin WordPress này không chỉ chuyển hướng mà còn có thể là một giải pháp phù hợp để cải thiện thứ hạng của trang web của bạn trong kết quả của các công cụ tìm kiếm.

Tải về | Bản demo | Web hosting

2. Bộ nhớ cache Borlabs

WordPress là một nền tảng được cung cấp bởi cơ sở dữ liệu tạo ra nội dung động. Bạn càng có nhiều nội dung và plugin, càng nhiều truy vấn cơ sở dữ liệu được thực thi. Điều này có thể làm chậm hiệu suất của trang web của bạn, đặc biệt là khi cơ sở dữ liệu của bạn được đặt trên một máy chủ khác.

Borlabs cache wordpress caching pluginBorlabs cache wordpress caching pluginBorlabs cache wordpress caching plugin

Plugin WordPress Borlabs Cache lưu nội dung được tạo động dưới dạng tệp tĩnh trên bộ nhớ máy chủ của bạn. Khi trang được yêu cầu, tệp tĩnh này được tải và gửi cho khách truy cập, nhanh hơn đáng kể so với các truy vấn cơ sở dữ liệu thông thường. Nhưng đó không phải là tất cả.

Xem thêm của chúng tôi 5 plugin WordPress để làm sạch cơ sở dữ liệu trang web của bạn

Các trang của bạn chứa nhiều khoảng trắng hoặc bình luận HTML không cần thiết, làm tăng kích thước trang tổng thể. Borlabs Cache sẽ xóa tất cả chúng và sử dụng GZIP để nén các trang của bạn.

Khám phá Làm thế nào để hiển thị tất cả các ấn phẩm WordPress của bạn trên một trang duy nhất

Nhiều plugin có tệp JavaScript và CSS riêng, dẫn đến nhiều yêu cầu hơn trên máy chủ của bạn. Borlabs Cache kết hợp tất cả các tệp JavaScript và CSS này để trong trường hợp tốt nhất, khách truy cập của bạn chỉ cần tải một tệp JavaScript và một tệp CSS.

Tải về Bản demo | Web hosting

3. Báo chí đa ngôn ngữ

Multilingual Press hoạt động với cài đặt nhiều trang của WordPress và cho phép bạn liên kết các bản dịch. Plugin đi kèm với 174 ngôn ngữ được tích hợp trong trình quản lý ngôn ngữ và nó hỗ trợ số lượng trang web không giới hạn, vì vậy bạn có thể tạo và liên kết bao nhiêu bản dịch tùy thích.

Multilingual press plugin de traduction wordpress pluginMultilingual press plugin de traduction wordpress pluginMultilingual press plugin de traduction wordpress plugin

Điều đó tốt cho SEO vì nó sẽ cho phép bạn giữ ngôn ngữ của mình trên các bài đăng và trang riêng biệt và nếu bạn quyết định sử dụng bản dịch khác với plugin thì nội dung của bạn vẫn còn nguyên (ngay cả sau khi tắt hoặc xóa plugin Multilingual Press). Bên cạnh đó, bạn có thể thêm một widget dịch để chuyển đổi giữa các bản dịch một cách dễ dàng.

Khám phá Cách thêm đoạn mã bằng Gutenberg trên WordPress

Multilingual Press là một lựa chọn miễn phí tuyệt vời để thêm bản dịch vào trang WordPress của bạn thông qua nhiều site. Ngoài ra, nếu bạn thấy rằng bạn cần nhiều tùy chọn hơn, bạn có thể chọn phiên bản pro có giá 75 đô la.

Tải về Bản demo | Web hosting

Các tài nguyên được đề xuất khác

Chúng tôi cũng mời bạn tham khảo ressources bên dưới để có nhiều quyền sở hữu và kiểm soát hơn đối với trang web và blog của bạn.

Kết luận

Chia sẻ bài viết này :

WordPress:

như

Đang tải …