Css trong hiệu suất js

Swift Performance được cộng đồng Nhà phát triển WordPress đánh giá cao nhất, vượt mặt đàn anh trước. LiteSpeed ​​Cache và WP Rocket

Swift Performance tích hợp sẵn công cụ nén ảnh cực mạnh nhưng vẫn giữ được chất lượng ảnh, bạn hoàn toàn không cần cài đặt thêm bất kỳ plugin nén ảnh nào khác nữa

Swift Performance giúp tối ưu hóa toàn bộ JS/CSS/HTML/IMAGE giúp cải thiện tốc độ trang web của bạn, trang web của bạn sau khi được Swift Performance tối ưu hóa sẽ có tốc độ tải trang cực nhanh < 300ms

Cài đặt plugin Swift Performance

Swift Performance có 2 phiên bản Lite (miễn phí) và Pro (trả phí)

Bạn có thể tham khảo hướng dẫn cài đặt plugin

Ở bài viết này, chúng tôi sẽ hướng dẫn các bạn cách sử dụng plugin Swift Performance với bản trả phí

  • Sau khi cài đặt và kích hoạt plugin Swift Performance, bạn sẽ điền Mã mua hàng → Lưu

Css trong hiệu suất js

Css trong hiệu suất js

  • Sau khi kích hoạt thành công, màn hình thông báo cung cấp cho bạn 4 tùy chọn, bạn hãy chọn AUTOCONFIG (đề nghị) → Bắt đầu

Css trong hiệu suất js

  • Tiếp theo, Swift tự động phát hiện các cài đặt tối ưu cho trang web WordPress của bạn
    Css trong hiệu suất js
  • Please queue for setting end process → Nhấn Next để hoàn tất

Bây giờ bạn có thể chọn Tối ưu hóa hình ảnh (tối ưu hóa tất cả hình ảnh của mình miễn phí – chỉ có phiên bản Pro)

Css trong hiệu suất js

Từ Bảng điều khiển Swift, bạn có quyền truy cập vào tất cả các cài đặt đơn giản và nâng cao. Bên cạnh đó, bạn sẽ có cái nhìn tổng quan về tất cả các tính năng và số liệu thống kê quan trọng

Css trong hiệu suất js

Tính năng giới thiệu

Bảng điều khiển Swift

Swift Dashboard – nơi bạn có cái nhìn tổng quan về tất cả các tính năng và số liệu thống kê quan trọng. Swift đang sử dụng các plugin chắc chắn tối ưu hóa vượt trội hơn bất kỳ plugin nào khác trên thị trường hiện nay. Swift là plguin bộ nhớ cache duy nhất cung cấp cho người dùng cái nhìn sâu sắc về các URL thực sự được lưu trong bộ nhớ cache của Swift

Css trong hiệu suất js

Swift Performance lưu trữ mọi URL trong bảng khởi động Warmup Table cho sẵn bộ đệm. Mỗi URL có một số ưu tiên (số thấp hơn có nghĩa là mức ưu tiên cao hơn)

URL ưu tiên mặc định có thể được ghi lại. Bạn cũng có thể thấy trạng thái của mỗi trang và có thể lưu trữ chúng hoặc xóa bộ nhớ cache riêng lẻ

URL được thêm vào Bảng khởi động tự động, tuy nhiên bạn cũng có thể thêm bất kỳ URL nào theo cách thủ công

Css trong hiệu suất js

Chung

Chung. Chung

Css trong hiệu suất js

  • Khóa mua hàng. Như đã giới thiệu ban đầu, chúng tôi sẽ giới thiệu các tính năng trên Swift Preminum (bản Pro tính phí). Bạn có thể sử dụng và cài đặt Trình tối ưu hóa hình ảnh không giới hạn, phông chữ… Khi bạn đăng ký plugin Swift Preminum thành công, bạn sẽ nhận được Khóa mua hàng trong email đăng ký. Hoặc bạn cũng có thể đăng nhập và tìm Khóa mua hàng của mình trong tài khoản
  • Tắt Cookies. Theo GDPR (Bộ luật bảo vệ dữ liệu), trong 1 số trường hợp bạn không thể sử dụng một số cookie cho đến khi khách truy cập trình duyệt của họ. Swift sử dụng cookie cho Google Analytics Bypass và Appcache theo mặc định và sử dụng bộ lọc bị vô hiệu hóa swift_performance_cookies để ghi lại tùy chọn này
  • Ẩn dấu chân. Thêm tiêu đề phản hồi Hiệu suất Swift và nhận xét HTML ở chân trang nguồn. Tính năng này chỉ có trong phiên bản Pro
  • Sử dụng API điện toán. Khi bạn đăng ký Preminum Swift, bạn có thể sử dụng Compute API để tính toán nâng cao hiệu suất hoạt động của CPU. Đồng thời, Compute API cũng cung cấp tùy chọn phông chữ giúp bạn tối ưu hóa hình ảnh, giảm kích thước tệp
  • Kích hoạt Cron từ xa. Nếu tất cả các trang trong trang web của bạn đã được lưu trong bộ nhớ cache hoặc nếu bạn tắt WP Cron mặc định – cronjobs WordPress sẽ hoạt động không chính xác. Tuy nhiên, với Remote Cron trong phiên bản Pro , bạn có thể chạy cronjobs hàng ngày, hai lần một ngày hoặc hàng giờ
  • Thử nghiệm beta. Nếu bạn bật tùy chọn này, bạn sẽ nhận được các bản cập nhật mới trong giai đoạn thử nghiệm. Khi sử dụng Beta Tester, bạn sẽ có thể xem và kiểm tra các tính năng mới của Swift trước khi phát hành chính thức
  • Nhật ký gỡ lỗi. Khi bật tính năng Nhật ký gỡ lỗi, bạn sẽ thấy nhật ký hiện tại trên bảng điều khiển Plugin, những người khác sẽ được lưu trữ trong thư mục nhật ký được chỉ định. You can select level of the ký nhật ký

Chỉnh sửa. Tùy chỉnh

Css trong hiệu suất js

  • Bình thường hóa tài nguyên tĩnh. Bình thường hóa tài nguyên tĩnh. Tính năng này sẽ xóa các chuỗi truy vấn khỏi các tài nguyên tĩnh như các tệp CSS, JS và hình ảnh. Khi kiểm tra trang web của bạn bằng các công cụ như Gtmetrix, Pingdom hoặc Insights PageSpeed ​​của Google, bạn có thể đã gặp đề xuất để xóa chuỗi truy vấn khỏi tài nguyên tĩnh. Xóa chuỗi truy vấn khỏi tài nguyên tĩnh là rất quan trọng vì nếu chúng vẫn còn, chúng có thể gây ra sự cố đệm. Một số máy chủ lưu trữ bộ đệm proxy nhất định và thậm chí một số CDN không thể lưu trữ tài liệu tĩnh bằng chuỗi truy vấn có thể ảnh hưởng đến tốc độ truy cập trang web
  • Tìm nạp trước DNS. Prefetch DNS sẽ phân giải tên miền trước khi người dùng truy cập vào liên kết hoặc trước khi tải tài liệu. Nó có thể giảm thời gian tải xuống và đồng thời tăng tốc độ liên kết. Tìm nạp trước DNS cho phép trình duyệt tìm nạp âm thầm các tài nguyên cần thiết để hiển thị nội dung mà người dùng có thể truy cập trong tương lai gần. Thời gian phân giải DNS có thể dẫn đến một tốc độ nhận biết chậm đáng kể của người dùng. Độ phân giải DNS bị mất rất nhiều thời gian. Độ dao động dao động từ khoảng cách 1ms (kết quả được lưu trong bộ nhớ cache cục bộ) đến thời gian thường được báo cáo trong vài giây
  • Thu thập tên miền từ tập lệnh (Thu thập tên miền từ tập lệnh). Nếu tùy chọn này được bật, Swift cũng sẽ thu thập tên miền của bên thứ 3 từ các tệp javascript. Nếu không được bật, nó sẽ chỉ thu thập tên miền từ HTML và CSS. Tính năng này có liên quan đến Tìm nạp trước DNS như đã được mô tả ở trên
  • Loại trừ Tìm nạp trước DNS (loại trừ Tìm nạp trước DNS). Nếu bạn muốn chặn Prefetch DNS cho một tên miền, bạn có thể thêm nó vào đây
  • Bộ nhớ đệm Gravatar. WordPress đang sử dụng Gravatar cho đại diện theo mặc định. Gravatar của bạn là một hình ảnh theo bạn từ trang này sang trang khác xuất hiện bên cạnh tên của bạn khi bạn thực hiện những công việc như bình luận hoặc đăng trên blog. Avatars giúp xác định bài viết của bạn trên blog và diễn đàn web. Thật không thể tăng gấp đôi khi những yêu cầu này chậm hơn so với máy chủ của bạn. Trong trường hợp đó, bạn nên lưu trữ những hình ảnh này để tăng tốc độ tải
  • Htaccess tùy chỉnh. Swift sẽ thêm quy tắc vào tệp đầu. htaccess. Nếu bạn muốn đặt và giữ lại một số quy tắc trước đây, bạn phải sử dụng tùy chọn này
  • Yêu cầu nền. Đối chiếu với một số yêu cầu AJAX (một bộ công cụ cho phép tải dữ liệu từ máy chủ mà không yêu cầu tải lại trang. Nó sử dụng chức năng có sẵn XMLHttpRequest(XHR) của trình duyệt để thực hiện một yêu cầu đến máy chủ và xử lý máy chủ dữ liệu trả về) mà không cần phản hồi (ví dụ:. thống kê như xem bài đăng). Bạn có thể thêm các quy tắc để làm cho các yêu cầu này chạy ở chế độ nền, vì vậy trình duyệt sẽ không chờ phản hồi. Tính năng này chỉ có trong phiên bản Pro

Nhịp tim. Kiểm tra sức khỏe

Css trong hiệu suất js

  • vô hiệu hóa nhịp tim. Vô hiệu hóa Heartbeat. Cho phép bạn dễ dàng quản lý tần suất của API WordPress chỉ bằng vài cú nhấp chuột. API nhịp tim có thể bị vô hiệu hóa hoàn toàn và chỉ được phép cho các vị trí cụ thể. Khoảng thời gian Heartbeat có thể được thay đổi trong khoảng từ 10 đến 300 giây giữa các yêu cầu, tiết kiệm tài nguyên máy chủ
  • Lý do bạn nên tắt Heartbeat . Nếu bạn thường quản trị thành viên WordPress của mình hoạt động trong thời gian dài, đặc biệt là trong khi viết hoặc chỉnh sửa bài đăng, các yêu cầu POST lặp đi lặp lại có thể gây ra việc sử dụng tài nguyên cao. Để tránh điều này, Heartbeat có thể được sửa đổi hoặc thậm chí chí vô hiệu hóa để giảm mức sử dụng tài nguyên máy chủ của bạn.

Google Analytics

Css trong hiệu suất js

  • Bỏ qua Google Analytics. Bỏ qua tính năng Google Analytics. Nếu bạn bật tính năng Bỏ qua Analytics, Swift sẽ chặn lệnh Google Analytics mặc định và thay vào đó sẽ sử dụng các yêu cầu AJAX và giao thức đo lường Google Analytics. Ngoài ra, nếu bạn muốn đạt được hiệu quả đánh giá 100 trên Google Pagespeed Insights, thì bạn chắc chắn phải sử dụng tính năng này, nếu không bạn sẽ nhận được cảnh báo. Cách tốt nhất là thêm Mã theo dõi vào tiêu đề tệp. php (trong mẫu) của bạn và dán mã theo dõi bạn vừa sao chép từ hồ sơ Analytics của mình trước khi đóng thẻ , sau đó Swift sẽ chặn lệnh Google Analytics mặc định và sẽ thay đổi vào đó, hãy sử dụng

Lưu ý. Nếu lệnh Google Analytics của bạn được cài đặt bằng thẻ quản lý của Google, tính năng này sẽ không hoạt động. Bỏ qua Google Analytics chỉ hoạt động với mã theo dõi được lấy từ tài khoản Google Analytics.

  • ID theo dõi. Thêm ID phân tích google của bạn tại đây. Ví dụ về ID Google Analytics. UA-XXXXX-Y.
  • IP Nguồn. Nếu bạn đang sử dụng proxy phân giải ngược (như Cloudflare), bạn cần đặt IP nguồn cho Google Analytics. Nếu trang web của bạn sử dụng Cloudflare vì thế Swift không thể phát hiện, bạn nên đặt HTTP_CF_CONNECTION_IP. Swift thường tự động phát hiện nguồn IP chính xác, nhưng chúng tôi cũng cung cấp cơ hội để ghi đè lên nguồn này, nếu cần thiết.
  • Ẩn danh IP (IP ẩn danh). Trong một số trường hợp, bạn có thể cần ẩn địa chỉ IP của người dùng trước khi nó được gửi tới Google Analytics. Nếu bạn bật tùy chọn này, Google Analytics sẽ ẩn danh IP ngay khi khả thi về mặt kỹ thuật ở giai đoạn sớm nhất có thể
  • Trì hoãn thu thập. Nếu bạn bật tùy chọn này, yêu cầu Google Analytics sẽ chỉ được gửi sau khi người dùng thực hiện di chuyển chuột, nhấn phím thao tác…. Hành động này sẽ làm tăng tốc độ tải ban đầu
  • Loại trừ người dùng khỏi thống kê (Loại bỏ người dùng thống kê). Bạn có thể loại trừ người dùng đã đăng xuất khỏi Analytics theo vai trò của người dùng. Nó có thể cực kỳ hữu ích bởi vì các thành viên biên tập sẽ không bị ảnh hưởng bởi các số liệu thống kê khi họ kiểm tra trang web. Tính năng này chỉ có trong phiên bản Pro

Nhãn trắng

Css trong hiệu suất js

Whitelabel cung cấp cho bạn khả năng đổi tên và đặt lại thương hiệu cho plugin Swift để cài đặt trang web của bạn. Whitelabel cung cấp các dịch vụ tối ưu hóa thương hiệu cá nhân cho trang web. Thay vì khách hàng của bạn nhìn thấy plugin Swift Performance, họ sẽ thấy plugin của bạn. Họ sẽ không nhận thức được bạn là người trung gian và điều khiến cho nhiệm vụ của bạn trở nên chuyên nghiệp và toàn diện hơn. Tính năng này chỉ có trong phiên bản Pro

Phương tiện. Đa phương tiện

Css trong hiệu suất js
  • Tối ưu hóa hình ảnh khi tải lên (Tối ưu hóa hình ảnh trong quá trình tải lên). Kích hoạt tính năng này nếu bạn muốn tối ưu hóa cấu hình ảnh trong quá trình tải lên bằng công cụ API tối ưu hóa cấu hình ảnh -> Tăng thứ hạng SEO của trang web, lượng khách truy cập .
  • Image Optimizer (Trình quản lý tối ưu hóa hình ảnh). Bạn có thể tối ưu hóa mọi hình ảnh trên trang web của mình. Trình tối ưu hóa hình ảnh sẽ quét toàn bộ trang web và chọn loại mọi hình ảnh từ các chủ đề, plugin và thư mục tải lên. Trình tối ưu hóa hình ảnh là không giới hạn và hoàn toàn miễn phí. Bạn có thể chọn từng hình ảnh riêng lẻ và chạy tối ưu hóa hàng loạt. Chất lượng hình ảnh mặc định chỉ có thể được xác định khi cài đặt plugin

Css trong hiệu suất js

  • Không mất dữ liệu (100/100). là lựa chọn tốt nhất cho hầu hết người dùng – cung cấp Tỷ lệ nén tốt nhất. Các hình ảnh được xử lý bằng thuật toán Lossy là những hình ảnh được tối ưu hóa nhỏ nhất mà bạn có thể nhận được. Vì vậy, nếu bạn quan tâm đến trang web tốc độ và bạn muốn cân bằng điều tốt nhất giữa tối ưu hóa và chất lượng hình ảnh, chúng tôi khuyên bạn nên tiếp tục sử dụng tối ưu hóa không mất dữ liệu
  • Mất mát nhẹ (85/100). là lựa chọn tốt nhất nếu bạn vẫn quan tâm đến Google Insights
  • Trung bình (70/90). gần như giống hệt với bản gốc, nhưng chúng tôi cung cấp giảm kích thước nhỏ hơn so với các tệp được xử lý của Lossless hoặc Slightly. Trong hầu hết các trường hợp, bạn sẽ không thể thấy sự khác biệt khi sử dụng tùy chọn này với các tùy chọn còn lại
  • Hung hăng (65/70). Tùy chọn nén hình ảnh mạnh mẽ nhất, do đó chất lượng hình ảnh sẽ bị giảm. Dung lượng của hình ảnh sẽ giảm đi nhiều.  

Nếu Lazyload được bật, các tính năng sau sẽ hiển thị trong bảng điều khiển của bạn

  • Loại trừ hình ảnh (Loại trừ hình ảnh). Khi bật Lazyload, bạn nên loại trừ logo và các hình ảnh có kích thước nhỏ vì đây là những thành phần hỗ trợ cho việc thiết kế và thu hút khách hàng
  • Hình ảnh tải chậm nội tuyến. Các phiên bản hình ảnh chất lượng thấp thông thường là các tệp khá nhỏ, bạn có thể cài đặt nội tuyến thay vì tải chúng theo một cách riêng biệt. Với tùy chọn này, bạn có thể giảm số lượng yêu cầu

Tối ưu hóa

Chung

Css trong hiệu suất js

  • Kích hoạt đẩy máy chủ. Cho phép bạn gửi trang web dữ liệu tới trình duyệt trước khi trình duyệt yêu cầu kết nối chúng
  • Chỉ tối ưu hóa bản dựng sẵn. Trong một số trường hợp, tối ưu hóa trang sẽ cần thời gian để xử lý. Nếu bạn bật tùy chọn này, plugin sẽ chỉ tối ưu hóa trang khi quá trình đệm có sẵn đang hoạt động. Bạn nên sử dụng tùy chọn này để ngăn chặn thời gian tải trang cho lần truy cập đầu tiên (khi trang chưa được lưu trong bộ nhớ cache)
  • Tối ưu hóa trong nền. Nếu bạn bật tùy chọn này, plugin sẽ tối ưu hóa trang trong nền (nền). Nếu bạn có một trang web lớn với vô số URL và trang web của bạn đang được lưu trữ trên máy chủ được chia sẻ với tài nguyên hạn chế, chúng tôi khuyên bạn nên tự động tắt Prebuild Cache Automatically trước Settings->Caching ->Warmup và
  • Giảm thiểu HTML. Delete the white distances not need to from HTML. Tính năng sử dụng này có thể mang lại kết quả tích cực với việc giảm kích thước tệp HTML. Đó là cách tốt nhất để thu nhỏ HTML trang web của bạn -> tăng tốc website
  • Tắt Biểu tượng cảm xúc (biểu tượng cảm xúc). Hầu hết các trang web không sử dụng biểu tượng cảm xúc, tuy nhiên WordPress có thể tải nó theo mặc định. Nếu bạn bật tính năng này, bạn cũng có thể giảm số lượng yêu cầu và kích thước trang. Tính năng này sẽ vô hiệu hóa chức năng biểu tượng cảm xúc WordPress
  • Giới hạn chủ đề đồng thời. Bật tính năng này để hạn chế lỗi giới hạn tài nguyên 508. Các nhà cung cấp dịch vụ lưu trữ (hosting/server) điều chỉnh việc sử dụng tài nguyên của các tài nguyên để giúp cải thiện hiệu suất và tính ổn định của máy chủ cho tất cả người dùng chia sẻ cùng một tài nguyên trên cùng một tài nguyên. . Do đó, họ thường giới hạn tài nguyên trên máy chủ của họ. Các nhà cung cấp đặt giới hạn số lượng kết nối đồng thời đối với các lệnh tập tin (php & cgi) cho người dùng của họ. Vì thế, chúng tôi đề xuất kích hoạt tính năng này và đặt Chủ đề tối đa thành 1

kịch bản

Css trong hiệu suất js

  • Hợp nhất tập lệnh. Hợp nhất các tệp javascript để giảm số lượng yêu cầu HTML. Lệnh hợp nhất có thể giảm đáng kể số lượng yêu cầu. Ngay cả khi máy chủ của bạn đang sử dụng HTTP2, nó có thể tăng tốc độ tải trang và lưu một số tài nguyên ở phía máy chủ. Hình ảnh này kết hợp các tập tin javascript. Tệp javascript phải được xử lý bằng cách sử dụng wp_enqueue_script. Plugin này kết hợp tất cả các tệp JS cục bộ thành một tệp duy nhất và bao gồm các tệp trong phần chân trang của nguồn trang web.
  • Loại trừ tập lệnh. Loại trừ các tập lệnh khỏi Merge Scripts nếu một trong các chuỗi này được tìm thấy trong bảng kê bên ô. Không phải tất cả các tập lệnh sẽ luôn hoạt động tốt khi được kết hợp thành một tập tin duy nhất. Cách duy nhất để tìm ra Javascript nào không hợp nhất, bạn sẽ phải kiểm tra từng tệp

Css trong hiệu suất js

  • Tập lệnh chân trang. Nó có thể hữu ích nếu bạn muốn loại trừ một tập lệnh đang sử dụng mà tập lệnh đó phụ thuộc vào các tập lệnh được hợp nhất. Ví dụ. if jQuery is HỢP NHẤT, nhưng bạn muốn loại trừ một tập lệnh đang sử dụng jQuery
  • Loại trừ tập lệnh nội tuyến. Loại trừ lệnh nội tuyến khỏi bị hợp nhất. Khi bạn bật tùy chọn Hợp nhất tập lệnh, các tệp JavaScript cũng tự động áp dụng cho các tập lệnh JS và nội tuyến thứ ba. Nếu hành động này đang tạo ra bất kỳ vấn đề nào trên trang web của bạn, bạn có thể chọn Loại trừ Tập lệnh Nội tuyến

Css trong hiệu suất js

  • Tập lệnh nội tuyến chân trang. Loại trừ các tập lệnh được hợp nhất và chuyển chúng đến chân trang
  • Giảm thiểu Javascript. Thu nhỏ tệp Javascript giúp tải xuống và phân tích cú pháp nhỏ hơn giúp tăng hiệu suất tải xuống. Khi thu nhỏ nhiều tệp nhỏ riêng biệt, bạn không thể thu nhỏ tên biến được chia sẻ giữa các tệp khác nhau – chúng phải giữ lại tên gốc của chúng. Tuy nhiên, nếu bạn kết hợp tất cả các tệp Javascript và sau đó thu nhỏ, bạn có thể thu nhỏ tất cả các biểu tượng được chia sẻ giữa các tệp Javascript khác nhau (miễn phí là chúng không được chia sẻ bên ngoài)
  • Tập lệnh riêng biệt. Nếu bạn bật tùy chọn này, plugin sẽ lưu các tệp JS được hợp nhất cho các trang riêng biệt. Kích thước trung bình của một trang được lưu trong bộ nhớ cache nên vào khoảng 200-400Kb. Điều đó có nghĩa là nếu bạn có 1. 000 trang, kích thước bộ đệm thông thường sẽ vào khoảng 200-400 Mb. Tính năng này có thể ngăn kích thước bộ đệm phát triển lớn hơn mong muốn nếu có một phần động trong JS hoặc CSS

phong cách

Css trong hiệu suất js

  • Hợp nhất các kiểu. Hợp nhất một số tệp CSS thành một tệp. Phong cách hợp nhất có thể giảm đáng kể lượng yêu cầu. Trong nhiều trường hợp, các trang web chứa nhiều tệp CSS phải được tải từ máy chủ để tải trang web đầy đủ. Tuy nhiên, quá trình tải xuống từng tệp này sẽ mất nhiều thời gian hơn là làm tăng tốc độ tải trang.  
  • Generate Critical CSS: Tính năng này tạo CSS quan trọng (hoặc Đường dẫn quan trọng) một cách nhanh chóng cho mọi trang. CSS quan trọng là gì? Yêu cầu tệp CSS có thể tăng đáng kể thời gian cần thiết để hiển thị trang web. Lý do là theo mặc định, trình duyệt sẽ trì hoãn kết xuất trang cho đến khi tải xong, phân tích cú pháp và thực thi tất cả các tệp CSS được tham chiếu trong  trang của bạn. Nó làm điều này bởi vì nó cần tính toán bố cục của trang. Thật không may, điều này có nghĩa là nếu có một tệp CSS thực sự lớn và phải mất một thời gian để tải xuống, người dùng tôi sẽ phải đợi cho đến khi  toàn bộ tệp đã được tải xuống trước khi trình duyệt có thể bắt đầu hiển thị trang. May mắn thay, tối ưu hóa đường dẫn kết xuất quan trọng.cho phép tối ưu hóa việc phân phối CSSvà giảm thiểu việc chặn.
  • In nội tuyến CSS quan trọng. Cho phép nếu bạn muốn CSS quan trọng đối với tiêu đề, thay vì tệp CSS được tách biệt
  • In toàn bộ CSS nội tuyến. Cho phép nếu bạn muốn CSS đã hợp nhất vào chân trang, thay vì tệp CSS đã tách biệt. Nếu WordPress có thể ghi tệp trên máy chủ, bạn không nên sử dụng tùy chọn này, ngay cả khi tốc độ trang tốt hơn. Vì điều này, bạn sẽ dừng trình duyệt lưu CSS và nó sẽ được tải xuống mỗi khi khách truy cập đang điều hướng trên trang web của bạn. Bạn chỉ nên sử dụng chức năng này nếu WordPress không thể ghi tệp và bạn muốn lưu trữ mọi thứ với Memcached
  • Phong cách riêng biệt. Nếu bạn bật tùy chọn này, plugin sẽ lưu các tệp CSS được hợp nhất cho các trang riêng biệt. Kích thước trung bình của một trang được lưu trong bộ nhớ cache nên vào khoảng 200-400Kb. Điều đó có nghĩa là nếu bạn có 1. 000 trang, kích thước bộ đệm thông thường sẽ vào khoảng 200-400 Mb. Tính năng này có thể ngăn kích thước bộ đệm lớn hơn mong muốn nếu có một phần động trong JS hoặc CSS
  • Giảm thiểu CSS. Loại bỏ khoảng trắng không cần thiết, rút ​​ngắn mã màu và trọng lượng phông chữ. You have 3 options. Không thu nhỏ, Cơ bản và Đầy đủ (Đầy đủ có chỉ trong phiên bản Pro). Việc thu nhỏ tệp CSS làm cho việc tải xuống và phân tích cú pháp nhỏ hơn làm tăng hiệu suất tải xuống.  
  • Bỏ qua nhập CSS. Nếu bạn bật tùy chọn này, CSS được hợp nhất của bạn cũng sẽ bao gồm các tệp CSS đã nhập. Chúng tôi giới thiệu bạn nên sử dụng tùy chọn này
  • loại trừ các kiểu. Không phải tất cả các kiểu sẽ vẫn hoạt động tốt khi được kết hợp thành một tệp duy nhất. Cách duy nhất để tìm ra phong cách nào không muốn kết hợp, bạn sẽ phải kiểm tra từng tệp một. Trong hình ảnh, bạn có thể thấy rằng chúng tôi đã loại trừ một tệp khỏi bị nhập. Tệp Style / CSS hợp nhất sẽ được tải xuống trong tiêu đề. Khi bạn cần loại trừ một tệp CSS vì nó xung đột khi được hợp nhất, bạn có thể làm như thế này. https. //tên miền của bạn. com/wp-content/theme/css/style. css, you can set it like this

Css trong hiệu suất js

  • Loại trừ kiểu nội tuyến. Khi bạn bật tùy chọn Hợp nhất các kiểu, các tệp CSS cũng tự động áp dụng cho các lệnh CSS và bên thứ 3 nội tuyến. Nếu hành động này đang tạo ra bất kỳ vấn đề nào trên trang web của bạn, bạn có thể loại trừ Kiểu mẫu nội tuyến khỏi việc hợp nhất. Tìm một chuỗi duy nhất trong Kiểu nội tuyến bạn muốn loại trừ và đặt chuỗi đó vào trường Loại trừ Kiểu. Swift sẽ tìm chuỗi tìm kiếm này trong Kiểu nội tuyến để quyết định xem có nên loại trừ hay không

Bộ nhớ đệm

Chung

Css trong hiệu suất js

  • Kích hoạt bộ nhớ đệm. Onable to default. Swift tự động tích hợp hơn 75% hiệu quả thực thi web tốt. Ngay cả khi không có bất kỳ tùy chọn nào được kích hoạt, thời gian tải trang web của bạn sẽ giảm đáng kể
  • Chế độ bộ nhớ đệm. Caching Mode là phần mềm nhanh nhất để ghi lại hoạt động của máy chủ. Tuy nhiên, đôi khi bạn không thể chỉnh sửa tệp đã chỉnh sửa. htaccess hoặc cấu hình Nginx để đệm đĩa với PHP cũng có sẵn dưới dạng dự kiến. Nếu sử dụng NGINX (Swift sẽ hoạt động tốt trên máy chủ NGINX, cấu hình này không bắt buộc. Nó chỉ cung cấp các quy tắc sẽ có trong tệp. htaccess trên máy chủ Apache. Nếu cần, bạn có thể sao chép và dán các quy tắc này ( Bạn sẽ tìm thấy chúng trong Bảng điều khiển Swift trong Hiển thị quy tắc ghi lại) vào tệp nginx. conf của bạn
  • Trình tải sớm. Nếu Swift phục vụ bộ đệm với PHP, thì nó sẽ hỗ trợ tăng tốc quá trình
  • Đường dẫn bộ đệm. Nếu bạn đang sử dụng bộ đệm đĩa, bạn có thể chỉ bộ đệm đường dẫn. Theo mặc định, nó sẽ là /path/to /wp-content/cache. Swift sẽ phát hiện và thiết lập đường dẫn chính
  • Chế độ hết hạn bộ đệm. Swift sẽ xóa bộ nhớ cache nếu nội dung đã được sửa đổi cập nhật bài đăng, bài đăng mới, bình luận mới, bình luận được phê duyệt, thay đổi chứng khoán, v. v. ). Tuy nhiên, nếu trang web đang sử dụng nonces hoặc bất kỳ thứ gì khác có thể hết hạn, bạn nên chọn chế độ hết hạn dựa trên Thời gian. Khi thiết lập WordPress (chủ đề, plugin) của bạn hoạt động với nonces, cách duy nhất để cập nhật chúng trên các trang được lưu trong bộ nhớ đệm là đặt Chế độ hết hạn bộ đệm trong Swift thành giá trị dưới 12 giờ;
  • Thời gian hết hạn bộ đệm. Xóa các trang được lưu trong bộ nhớ đệm sau thời gian được chỉ định
  • Khoảng thời gian thu gom rác. Tần suất kiểm tra các trang đã lưu trong bộ nhớ cache đã hết hạn (tính bằng giây)
  • Kích hoạt bộ nhớ đệm cho người dùng đã đăng nhập. Tính năng này thật tuyệt vời khi bạn có nội dung dành riêng cho người dùng trên trang web của mình. Trang web sẽ được lưu vào bộ đệm như bình thường đối với tất cả khách truy cập không đăng nhập, sử dụng một bộ đệm tệp và cho mỗi người dùng đã đăng nhập bằng bộ đệm riêng. Kích hoạt bộ đệm cho người dùng đã đăng nhập có thể hữu ích khi bạn có trang web thành viên hoặc tương tự khi người dùng phải đăng nhập để xem nội dung. Xin lưu ý. Tất cả người dùng đã đăng nhập đều có bộ đệm riêng cho mỗi trang. Nó có thể tăng tổng kích thước bộ đệm, tùy thuộc vào số lượng người dùng và số lượng trang của bạn
  • Bộ nhớ cache của thiết bị di động riêng biệt. Bạn có thể tạo bộ nhớ đệm riêng cho các thiết bị di động. Thông thường bạn không cần tùy chọn này
  • Bật bộ nhớ cache của trình duyệt. Nếu bạn bật tùy chọn này, nó sẽ tạo ra các quy tắc. htaccess / nginx cho bộ đệm của trình duyệt. Nếu bạn đang sử dụng Apache và htaccess, quy tắc có thể ghi sẽ được tự động thêm vào. Bộ nhớ cache của trình duyệt là một vị trí lưu trữ tạm thời trên máy tính của bạn để các tệp được trình duyệt của bạn tải xuống để hiển thị trang web. Khi bạn truy cập lại một trang web, trình duyệt sẽ kiểm tra nội dung nào đã được cập nhật trong thời gian đó và chỉ tải xuống các tệp đã cập nhật hoặc nội dung chưa được lưu trong bộ đệm. Điều này làm giảm việc sử dụng băng thông ở cả phía người dùng và máy chủ và cho phép trang tải nhanh hơn. Do đó, bộ đệm đặc biệt hữu ích khi bạn kết nối Internet chậm hoặc bị hạn chế chế độ
  • Bật Gzip. Nếu bạn bật tùy chọn này, nó sẽ tạo quy tắc htacess / nginx để nén gzip giúp giảm thiểu băng thông khi khách hàng truy cập vào trang web
  • Bộ nhớ đệm trang 404. Tovoid buffer. văn bản,. php và các trang khác sẽ được lưu vào bộ đệm, bạn cần tắt tính năng này. Các URL đó chỉ được lưu trong bộ nhớ cache, nếu chúng là kết quả của công việc trả về 404 và bộ đệm 404 được bật
  • Kích hoạt bộ nhớ đệm động. Nếu bạn bật tùy chọn này, bạn có thể chỉ định các yêu cầu $ _GET và $ _POST có thể lưu trong bộ nhớ cache. Tính năng này yêu cầu kiến ​​nghị nâng cao về tối ưu hóa và phát triển trang web. Bạn có thể đọc và tìm hiểu thêm về tính năng này
  • Các hành động AJAX có thể lưu trong bộ nhớ cache. Với tùy chọn này, bạn có thể lưu trữ các yêu cầu AJAX bằng cách sử dụng nhiều tài nguyên (ví dụ:. tìm kiếm AJAX). Bạn cũng có thể thiết lập thời gian hết hạn cho các yêu cầu AJAX trong vài giây
  • Thời gian hết hạn bộ đệm AJAX. Thời gian hết hạn của bộ đệm cho các yêu cầu AJAX tính bằng giây

tinh chỉnh

  • Tránh nội dung hỗn hợp. Nếu trang web của bạn có thể tải qua HTTP và HTTPS thì nó cũng có thể gây ra lỗi nội dung hỗn hợp. Nếu bạn bật tùy chọn này, nó sẽ xóa giao thức khỏi tất cả các tài nguyên. Chỉ sử dụng nó trên các trang web HTTPS. Tính năng này chỉ có trong phiên bản Pro
  • Giữ tiêu đề gốc. Nếu bạn đang sử dụng plugin gửi tùy chỉnh tiêu đề, bạn cũng có thể giữ chúng cho phiên bản được lưu trong bộ nhớ cache. Với tính năng này, bạn có thể giữ tiêu đề ban đầu của bạn. Tính năng này chỉ có trong phiên bản Pro

ngoại lệ

Swift Performance tự động loại trừ các trang Mua hàng và thanh toán từ hầu hết các plugin thương mại điện tử phổ biến, giả hạn như Wooc Commerce

  • Loại trừ các loại bài đăng. Swift sẽ quét trên Autoconfig và tự động thiết lập hầu hết các loại bài đăng để loại bỏ bộ nhớ cache. Chỉ cần nhấp vào hộp và chọn (các) loại bài đăng không nên lưu vào bộ nhớ cache
  • Loại trừ các trang. Chọn các trang không nên lưu vào bộ nhớ cache. Chỉ cần nhấp vào hộp và chọn các trang không nên lưu vào bộ nhớ cache
  • Loại trừ URL. URL chứa chuỗi đó sẽ không được lưu trong bộ nhớ cache. Swift đang sử dụng các chức năng tối ưu hóa / tải trước tích cực hơn bất kỳ plugin nào khác trên thị trường. Điều đó làm cho nó tốt hơn và nhanh hơn, nhưng đôi khi nó có nghĩa là được xây dựng để thu thập liên kết hơi quá tích cực. Khi Swift thu thập tất cả các URL / Trang, một số URL có thể xuất hiện mà bạn cảm thấy rằng nó không nên được đưa vào bảng khởi động. Với Swift, bạn có toàn quyền kiểm tra bộ nhớ đệm của mình. Bạn có thể loại trừ chúng hoặc đơn giản là bỏ qua. Trên các trang web lưu trữ được chia sẻ hoặc các trang web có mức tiêu thụ cao, chúng tôi khuyên bạn nên xóa các URL này một cách thủ công một lần. Nếu bạn muốn các loại trang này không được lưu vào bộ nhớ cache, hãy thêm từng tham số vào trường văn bản Loại trừ URL (mỗi dòng trên một dòng). ví dụ. bạn muốn loại bỏ các trang sau không nên lưu trong bộ nhớ cache.
    https. //www. tên miền của bạn. com/sơ đồ trang web. xml

Css trong hiệu suất js

  • Loại trừ các phần nội dung. Các trang chứa chuỗi đó sẽ không được lưu vào bộ nhớ cache. Sử dụng bắt đầu /dấu #
  • Loại trừ tác nhân người dùng. Tác nhân người dùng có chứa chuỗi sẽ không được lưu trong bộ nhớ cache. Nếu bạn gặp sự cố với phiên bản di động của trang web của bạn được hiển thị cho người dùng máy tính để bàn hoặc quay lại, hãy chắc chắn rằng bạn bật tùy chọn tạo bộ đệm riêng cho thiết bị di động trong Cài đặt- . Bộ nhớ cache thiết bị di động riêng biệt. Tuy nhiên, nếu bạn vẫn gặp sự cố, bạn có thể loại trừ các User Agents cụ thể
  • Loại trừ trình thu thập thông tin. Loại trừ các trình thu thập dữ liệu đã biết khỏi bộ đệm. Dừng công cụ tìm kiếm, chẳng hạn như Yandex hoặc trình thu thập thông tin truy cập các trang được lưu trong bộ nhớ cache. Khi công cụ tìm kiếm trang web thu thập dữ liệu tìm kiếm, nó sẽ yêu cầu rô bốt. txt  trước và sau đó kiểm tra theo các quy tắc bên trong và hơn thế nữa vì Google cũng xếp hạng trên trang, do đó, điều quan trọng là các trang được tối ưu hóa được truy cập
  • Loại trừ các trang tác giả. Kích hoạt để loại bỏ các tác giả trang khỏi bộ nhớ đệm
  • Loại trừ Lưu trữ. Kích hoạt để loại trừ chúng khỏi bộ nhớ đệm. WordPress hỗ trợ tự động tạo các trang lưu trữ. Đáng buồn thay, các trang này có xu hướng chỉ bao gồm một danh sách các bài đăng dựa trên một thể loại /phân loại/loại bài đăng mà không có bất kỳ giới thiệu bổ sung nào. Điều này có nghĩa là khách truy cập của bạn bị bỏ qua trên một trang mà không có nhiều lời giải thích về những gì họ đang xem. Những trang này cũng lưu trữ thực sự không cần thiết
  • Loại trừ URL REST. Để loại trừ URL cuộc gọi wp-json, bạn cần kích hoạt tính năng này. Bạn không cần những mục này được lưu trữ
  • Loại trừ nguồn cấp dữ liệu. Cho phép loại trừ nguồn cấp dữ liệu khỏi bộ nhớ đệm. Bạn không cần (RSS) Nguồn cấp dữ liệu được lưu trong bộ nhớ cache vì các tệp này rất nhẹ

Ấm lên

  • Kích hoạt bộ nhớ đệm dựng sẵn từ xa. Sử dụng API của Swift để tạo bộ đệm trước. Đây là một tùy chọn dự kiến ​​phòng nếu loopback bị vô hiệu hóa trên máy chủ. Nếu bạn có thể sử dụng bộ cục bộ dựng sẵn thì không nên chọn tùy chọn này
  • Tự động tạo trước bộ nhớ cache. Nếu tùy chọn này được bật, plugin sẽ có sẵn bộ đệm sau khi đã bị xóa. Bạn nên sử dụng tùy chọn Optimize Prebuild Only để đạt được trải nghiệm người dùng tốt nhất. Tùy chọn này sẽ sử dụng Sự kiện Cron WordPress. Nếu WP Cron mặc định bị tắt, plugin sẽ tải wp-cron. php trong mỗi phút trong khi bảng điều khiển quản trị plugin được mở. Chặn prebuild khi máy chủ đang bận hoặc chỉ lưu các bộ nhớ đệm vào các trang. Ngoài ra, trên một số môi trường lưu trữ được chia sẻ, cách tốt nhất là không kích hoạt prebuild.
    Với hầu hết các plugin bộ đệm, khi một trang được truy cập lần đầu tiên, trang sẽ được tích hợp vào bộ đệm. Do đó, người truy cập đầu tiên phải đợi lâu hơn một chút, trước khi trang được tải xuống và phục vụ đầy đủ. Tính năng xây dựng sẵn có độc đáo của Swift chắc chắn rằng một trang nhanh và được lưu trong bộ nhớ cache luôn có mặt và được phân phối.
  • Tốc độ xây dựng trước. You can limit speed prebuild. Bạn nên sử dụng tính năng này trên kho lưu trữ được chia sẻ (giới hạn)
  • Khám phá các trang mới. Hãy để Swift khám phá các trang mới để khởi động (ví dụ. phân trang, trang được tạo bằng plugin, v. v. )
  • Trang tác giả dựng sẵn, Lưu trữ dựng sẵn, URL REST dựng sẵn và Nguồn cấp dữ liệu dựng sẵn. Trong khi Swift đang tạo bộ đệm, việc sử dụng CPU có thể cao hơn bình thường. Bạn có thể tìm hiểu các tính năng này

Sơn dầu

  • Bật tự động thanh lọc. Nếu bạn bật tùy chọn này, plugin cũng sẽ xóa bộ nhớ cache Varnish khi nó xóa bộ nhớ cache của plugin. Bạn nên bật tùy chọn này nếu bạn đang sử dụng bộ đệm Varnish
  • Máy chủ tùy chỉnh. Nếu bạn đang sử dụng proxy (ví dụ. Cloudflare), bạn có thể tùy chọn này. You can set at here 0. 0. 1or IPthực

CDN

Chung

  • Bật CDN. Kích hoạt CDN để giảm thiểu khoảng cách giữa khách truy cập và máy chủ của trang web của bạn, CDN lưu trữ phiên bản được lưu trong bộ nhớ cache của nội dung tại nhiều vị trí địa lý
  • Tên máy chủ CDN. Tên máy chủ CDN – Bạn có thể chỉ định tên máy chủ CDN chính. Nếu bạn không chỉ định thêm tên máy chủ, nó sẽ được sử dụng cho tất cả các nội dung tĩnh
  • Kích hoạt CDN trên SSL. Bạn có thể chỉ định (các) tên máy chủ khác nhau cho SSL hoặc để trống chúng để sử dụng cùng một máy chủ trên HTTP và SSL
  • Tên máy chủ SSL CDN. Bạn có thể sử dụng Swift cho CDN, nhưng vui lòng đảm bảo rằng bạn cũng đã bật CDN cho SSL và cũng đặt tên máy chủ ở đây
  • Các loại tệp tùy chỉnh CDN. Sử dụng CDN cho các loại tệp tùy chỉnh. Chỉ định phần mở rộng tệp tin, ví dụ. pdf. Tính năng này chỉ có trong phiên bản Pro

đám mây

  • Bật tự động thanh lọc. Nếu bạn bật tùy chọn này, plugin cũng sẽ xóa bộ đệm trên Cloudflare khi nó xóa bộ nhớ cache của plugin. Bạn nên bật tùy chọn này nếu bạn đang sử dụng Cloudflare với bộ nhớ đệm
  • Email tài khoản Cloudflare. Địa chỉ email của bạn liên quan đến tài khoản Cloudflare mà bạn đang sử dụng cho trang web
  • Khóa API Cloudflare. Key API được tạo cho tài khoản Cloudflare của bạn. Key API toàn cầu
  • Máy chủ đám mây. Máy chủ Cloudflare phải là tên máy chủ trang web của bạn

Trên đây là tất cả các tính năng tổng quan của Swift. Plugin Swift Performance không chỉ là plugin cache mà còn có rất nhiều tính năng khác để cải thiện tốc độ website. Nếu bạn đã và đang sử dụng các plugin bộ đệm khác, hãy thử Swift Performance và bạn sẽ thấy hối tiếc vì điều đó.