Nhập từ cần tìm và nhấn Enter

Hệ thống Khách sạn gần Sân bay giá rẻ | Phòng chờ bay
author photo
Đăng bởi: Thời gian:
BẠN CÓ MUỐN ĐẶT QUẢNG CÁO CHỖ NÀY KHÔNG - LIÊN HỆ NHÉ
Thời gian tải của một trang web là một khía cạnh quan trọng trong khả năng sử dụng cũng như một yếu tố xếp hạng chính thức trong tối ưu hóa công cụ tìm kiếm.

Trong bài viết này, tôi muốn giải quyết nó, mà phương pháp và kỹ thuật phù hợp nhất cho một thời gian tải tối ưu hóa và làm thế nào để thực hiện điều này.

Thời gian tải tốt làm người dùng hài lòng

Chạy một trang web một cách nhanh chóng và không có vấn đề mà sẽ làm cho người dùng của bạn hạnh phúc. Một trải nghiệm người dùng tốt dẫn đến một tỷ lệ chuyển đổi tốt hơn và làm giảm tỷ lệ trả lại.
Kể từ khi tối ưu hóa thời gian sạc đòi hỏi một số kỹ năng kỹ thuật rộng lớn và trong một số trường hợp đòi hỏi một số nỗ lực, điều quan trọng là các công việc được giữ sạch sẽ để thực hiện được. Thời trang để xem bạn có thể dùng các biện pháp đưa ra ở đây luôn luôn bước tốt nhất bước từ, suy nghĩ về các biện pháp cá nhân thậm chí thực hiện cần sự giúp đỡ cho việc này. Nếu bạn là nửa vời trong vấn đề này, bạn sẽ không có nhiều lao động đầu tư.

Nếu bạn quan sát những điều này nên thực hiện tốt không có nhiều trở ngại?

Mục lục
  • Tối ưu hóa HTML / CSS, kịch bản và hình ảnh
  • Tải JavaScript ở cuối
  • Gia công phần mềm của các thư viện JavaScript và khung
  • Các bộ nhớ đệm nội dung
  • Kích hoạt tính năng bộ nhớ đệm trình duyệt và nén
  • sử dụng Nội dung Mạng Giao hàng
  • Việc thực hiện dưới WordPress
  • Kết luận
Tối ưu hóa HTML / CSS, kịch bản và hình ảnh

Bước đầu tiên của tối ưu hóa nên luôn luôn để giảm kích thước tập tin của CSS / HTML và JavaScript. Điều này có thể cho ví dụ với các công cụ trực tuyến "làm mới SF thực hiện có hiệu quả". Ở đây, CSS phong cách, địa điểm, và các kịch bản tương ứng có thể được dễ dàng lắp vào và giảm. Trong 99% các trường hợp, các thiết lập mặc định là đủ. Nó cũng được khuyến khích bởi vì không có gì nhiều để điều chỉnh.

Các hình ảnh cũng có thể được nén sử dụng công cụ trực tuyến khác nhau một cách hiệu quả. Ở đây, các công cụ sau đây là phù hợp nhất:
  • Định dạng file JPG: JPEGmini
  • Định dạng tập tin PNG: TinyPNG
Cũng thích hợp phần mềm đồ họa phổ biến như Adobe Photoshop hoặc GIMP.

Với plugin jQuery, "LazyLoad" hình ảnh không được nạp khi bạn đạt đến chế độ xem hoặc được hiển thị ở đó. Điều này có thể làm giảm thời gian tải cho các trang web lớn với nhiều hình ảnh rất nhiều.

Để biết thêm thông tin và hướng dẫn về việc tích hợp có thể được tìm thấy trên trang của dự án.

Hãy chắc chắn rằng bạn đang chạy quá nhiều stylesheets cá nhân. Hãy suy nghĩ về việc có hay không nó có ý nghĩa để đặt lại với nhau nhiều file CSS khác nhau vào một tập tin.

Tải JavaScript ở cuối

Một vấn đề phổ biến mà ảnh hưởng đến thời gian tải của một trang web ồ ạt là để tải các tập tin JavaScript cá nhân. Vấn đề ở đây là việc xếp kịch bản chặn việc vẽ thêm của trang cho đến khi tất cả các kịch bản được sạc đầy (Progressive Rendering).

Tie JavaScript tập tin của bạn để luôn luôn kết thúc hoặc ngay trước thẻ cơ đóng cửa.

Gia công phần mềm của các thư viện JavaScript và khung

Nếu bạn sử dụng các thư viện khác nhau JavaScript, khung CSS, và phông chữ, thì nên thuê ngoài các tập tin và CDN đặc biệt (nhiều hơn về điều này sau) để sử dụng máy chủ mà các nguồn lực này.

Ưu điểm ở đây là rất nhiều kịch bản, khuôn khổ và phông chữ được sử dụng rất thường xuyên và được cung cấp từ các CDN tương ứng. Nếu người dùng bây giờ trước đây đã đến thăm một trang, ví dụ, dựa trên cùng một thư viện và được truy cập thông qua một CDN, sau đó khu vực này không được nạp bởi vì nó đã có trong bộ nhớ cache của trình duyệt.

Hầu hết các thư viện JavaScript có thể được tìm thấy trong "Thư viện Hosted" của Google và cho các khuôn khổ như Bootstrap từ Twitter là "BootstrapCDN". Đối với Web phông chữ phông chữ của Google tốt nhất phù hợp.

Các Caching Content

Khi bộ nhớ đệm nội dung của một trang web như css, hình ảnh, kịch bản, văn bản và các tập tin âm thanh / video được lưu trữ và có thể không được tính một lần nữa sau khi một tải mới. Điều này tăng tốc thời gian tải sau khi cuộc gọi đầu tiên của một nhiều.

Về cơ bản có hai loại bộ nhớ đệm: một khi bộ nhớ đệm trình duyệt cho các yếu tố tĩnh và bộ nhớ đệm PHP riêng cho các trang PHP. Khi trình duyệt bộ nhớ đệm tất cả các tài nguyên trên lần đầu tiên một trang web ban đầu được "tải về" và được lưu trữ trong một thời gian nhất định theo quy định của trình duyệt. Sự tương phản PHP caching đảm bảo rằng mã nguồn của trang web hoặc các kịch bản dựa trên PHP được biên dịch một lần và sau đó lưu trữ. chỉ bộ nhớ đệm của trình duyệt là một lần có liên quan cho các mục đích của chúng tôi.

Trong khi trình duyệt bộ nhớ đệm là một phần quan trọng của một trang web hiệu suất tối ưu và hoàn toàn nên được sử dụng khi nói đến PHP caching trên cho dù nó vẫn tiếp tục trang web hoặc CMS trên PHP hay không. Dưới đây chúng tôi sẽ giải thích như thế nào tốt nhất để thực hiện các bộ nhớ đệm trình duyệt và nén các nội dung.

Kích hoạt tính năng duyệt Caching Và nén

Đối với trình duyệt bộ nhớ đệm một tập tin cấu hình phải được tạo ra trên máy chủ một lần, trong tất cả các nguồn lực, bao gồm thời gian giảm tốc được thiết lập để được lưu trữ. Đề nghị là lần dòng chảy giữa ít nhất một tuần và đến một năm. Thời kỳ này là cách cũng khuyến cáo của Google.

Tài liệu HTML không nên được lưu trữ vì đây không phải yếu tố tĩnh theo Google. Bằng phương pháp nén gzip bổ sung cho tất cả các nội dung một lần nữa nén thêm ở định dạng gzip trước khi chúng được gửi đến trình duyệt.

Trong hầu hết các trường hợp, các máy chủ web "Apache" được sử dụng. Ở đây bộ nhớ đệm trình duyệt có thể được kích hoạt như sau:

Đầu tiên, các mô-đun thích hợp "mod_expires.c" phải được kích hoạt. Nếu bạn có quyền truy cập vào máy chủ của nó, sau đó điều này được thực hiện với lệnh sau đây:

a2enmod hết hạn

/etc/init.d/apache2 restart

Nếu bạn đã đặt không có quyền truy cập vào các máy chủ và lưu trữ kế hoạch cho một máy chủ web, sau đó mô-đun này được kích hoạt theo mặc định đã có trong các quy tắc. Sau đó, thông qua các cấu hình thích hợp trong tập tin .htaccess phải được viết:

#BROWSER CACHING#
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 year"
ExpiresByType application/pdf "access 1 year"
ExpiresByType text/x-javascript "access 1 year"
ExpiresByType image/x-icon "access 1 year"
</IfModule>
#GZIP-Komprimierung#
<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</ifModule>

Nếu trên Lighttpd như máy chủ web để thay thế của Apache, sau đó có những dòng sau trong cấu hình "lighttpd.conf" sẽ được chèn:

# Modules to load
server.modules = (
    "mod_expire",
 "mod_redirect",
    "mod_compress"
)
# Compression
compress.cache-dir = "/tmp/lighttpd/compress/"
compress.filetype = (
    "application/atom+xml",
    "application/javascript",
    "application/json",
    "application/ld+json",
    "application/manifest+json",
    "application/rdf+xml",
    "application/rss+xml",
    "application/schema+json",
    "application/vnd.geo+json",
    "application/vnd.ms-fontobject",
    "application/x-font-ttf",
    "application/x-javascript",
    "application/x-web-app-manifest+json",
    "application/xhtml+xml",
    "application/xml",
    "font/eot",
    "font/opentype",
    "image/bmp",
    "image/svg+xml",
    "image/vnd.microsoft.icon",
    "image/x-icon",
    "text/cache-manifest",
    "text/css",
    "text/html",
    "text/javascript",
    "text/plain",
    "text/vcard",
    "text/vnd.rim.location.xloc",
    "text/vtt",
    "text/x-component",
    "text/x-cross-domain-policy",
    "text/xml",
)
# Expires headers
# CSS
$HTTP["url"] =~ ".css" {
    expire.url = ( "" => "access plus 1 years" )
}
# Favicon
$HTTP["url"] =~ ".ico" {
    expire.url = ( "" => "access plus 1 years" )
}
# JavaScript
$HTTP["url"] =~ ".js" {
    expire.url = ( "" => "access plus 1 years" )
}
# Media
$HTTP["url"] =~ ".(gif|jpg|jpeg|png|m4a|f4a|f4b|oga|ogg|webm)" {
    expire.url = ( "" => "access plus 1 years" )
}

Ai cũng muốn sử dụng an Caching PHP, but be rewatch all mô-đun following or the software following chi tiết hơn:
  • Alternative PHP Cache (APC)
  • eAccelerator
  • XCache
Kỹ thuật PHP memory đệm and hội nhập of applications would cung cấp chi tiết vào thời điểm this phạm vi bài viết of this and one gì đó might as a subject for an bài báo.

Sử dụng một mạng lưới phân phối nội dung

Làm thế nào nó hoạt động là một nội dung Delivery Network (CDN) một mạng cụ thể với nhiều khu vực kết nối máy chủ, cho phép giao hàng nhanh chóng của một số nội dung.

Cốt lõi của một đô la Canada của máy chủ chính nơi tất cả các bên ngoài nội dung được lưu trữ cũng như nhiều "gương máy chủ" mà trên đó tất cả các nội dung được "nhân đôi". Lợi thế của hệ thống này là gần hơn các nội dung mà bạn tải của người dùng, nhanh hơn chúng có thể được chuyển giao cho anh ta. Vì vậy, các hệ thống CDN luôn chọn những từ quan điểm của người sử dụng máy chủ tốt nhất.

Một đô la Canada là phù hợp nhất cho trang web rất lớn / portals, với một tương ứng với phạm vi và tải cao. Ở đây, nó nên xem xét cho dù sử dụng một đô la Canada là thực sự là một lợi ích cho dự án của bạn.

Khi lựa chọn một nhà cung cấp CDN là được ghi nhận trong bất kỳ trường hợp nào, sự sẵn có (thời gian hoạt động). Nếu một nhà cung cấp có liên tục hoặc liên quan đến hồ sơ nhiều biến động trong thời gian hoạt động của mình, bạn nên sử dụng thêm khoảng cách, nếu không, một tốt sẵn có của các trang web của bạn đến 100% và có thể không được đảm bảo. Downtime kết quả nên tránh, tất nhiên, từ quan điểm của SEO.

Khi sử dụng một đô la Canada, đó cũng là quan trọng rằng chức năng DNS "DNS bản ghi CNAME" được tham chiếu CDN URL của riêng bạn / tên miền như "cdn.example.com" thay vì URL của các nhà cung cấp CDN. Điều này cũng làm giảm yêu cầu HTTP thêm (không cần thiết).

Người chơi với ý tưởng sử dụng một đô la Canada cho trang web của mình, các đối phó tốt nhất với các dịch vụ sau:
  • MaxCDN
  • Amazon CloudFront
  • CacheFly 
Hiệu suất dưới WordPress

Một lần nữa và một lần nữa, người ta nghe trong vấn đề hiệu suất với WordPress, có thể là một vấn đề lớn, trong thực tế. Trong hầu hết trường hợp, nó là bởi vì bạn có quá nhiều plugin sử dụng, mà thực sự đã không thực sự cần thiết vì chức năng của họ cũng có thể được cài đặt trực tiếp trong các chủ đề. Vì vậy, đặt tất cả các tính năng như là phương tiện truyền thông xã hội nút mã theo dõi Analytics, quảng cáo vv luôn luôn trực tiếp trong các chủ đề và tránh nó, thêm các chức năng sau đó thông qua một plugin.

Một khía cạnh khác của vấn đề này là rằng bổ sung nhiều viết tự động một số lượng lớn các kịch bản và stylesheets khác trong mã nguồn, do đó, điều này sẽ là không cần thiết bloated. Nhiều nội dung cũng được lưu trữ trên một máy chủ của các nhà phát triển plug-in, dẫn đến rất nhiều các yêu cầu HTTP không cần thiết.

Về cơ bản, nó nên được sử dụng cho hoạt động tối ưu của các trang web cũng luôn luôn là một hệ thống bộ nhớ đệm. Dưới đây là W3 tất cả bộ nhớ Cache được chứng minh là một hệ thống tốt.

Những gì cần phải được quan sát thấy khi tải thời gian tối ưu hóa

Chiến lược tốt nhất cho việc thực hiện thời gian tải tốt hơn không được bảo vệ chống lại một số cạm bẫy. Ví dụ, nó có thể gây ra vấn đề trong việc sử dụng của tổ chức nước ngoài kịch bản, khuôn khổ hoặc phông chữ nếu các máy chủ có thể không thể đạt được và do đó là trang web của bạn không hoạt động đúng. Nếu ai đã tối ưu hóa một chút vào cuối, bạn thường sẽ có một vấn đề với quá nhiều các yêu cầu HTTP đến máy chủ khác.

Cũng lưu ý rằng nếu đồ họa hoặc phong cách tấm được thay đổi, nó có thể do đi thông qua trình duyệt bộ nhớ đệm có nghĩa rằng những sửa đổi cho người dùng rất lâu là không có thể nhìn thấy cho đến khi nó tự đổ bộ nhớ cache trình duyệt của mình.

Kết luận

Các điều chỉnh tốt thời gian phí là một phần quan trọng của hành động trên trang và do đó, nên được giải quyết với một ưu tiên cao tương ứng. Có là ngoài những tuỳ chọn được liệt kê dưới đây là một số cách thêm để cải thiện hiệu suất, mà nhiều, sau đó rất "thất bại" là để trở thành quen thuộc với SEO chứ không phải là chịu đựng được (từ khóa: Ajax), hoặc trong việc thực hiện là quá phức tạp. Trong tương lai, ngoài ra có thể AMP dự án mới của Google để sạc nhanh của các trang web điện thoại di động là một yếu tố xếp hạng.

Nếu bạn thiết lập những điều quan trọng nhất giống như trình duyệt bộ nhớ đệm sạch, điều chỉnh mã của bạn, Giữ cho mỏng và nén tất cả các đồ họa của bạn tốt, sau đó bạn đã thực hiện một bước đi tốt trong đúng hướng. Đặt WordPress, sau đó suy nghĩ về việc liệu bạn có thể tùy chỉnh chủ đề của bạn để loại bỏ không cần thiết bổ sung.

Nó trông ra sao với bạn? Bạn có tải trọng thời gian của các trang web đã được tối ưu? Nếu vậy, những gì kỹ thuật hoặc kỹ thuật mà bạn thiết lập? Nếu không, những gì đã làm bạn trước đó được tổ chức bởi tối ưu hóa?

Mời các bạn viết lời bình cho bài viết!

Nhấp để nhận xét