Ưu tiên nội dung thuộc màn hình đầu tiên trong tăng tốc website

Bởi

Vài lời của người dịch: một bài có tính lý thuyết cao, nhưng tôi vẫn khoái! Vì lý thuyết về màn hình đầu tiên là rất căn bản để bạn đi sâu giải quyết các vấn đề tốc độ trang mà không phải đầu tư tốn kém tiền bạc (ví dụ nâng cấp hosting, sử dụng CDN hay mua các plugin cache cao cấp). Giờ thì chúng ta bắt đầu nào! #1. Nội dung hiển thị/thuộc màn hình đầu tiên là gì? Nội dung hiển thị (visible content) là phần nội dung của trang web mà người dùng thấy trên …

Đọc thêm

Xem xét “điểm tương tác” trên trang khi tăng tốc Website

Bởi

#1. Điểm tương tác trên trang (website) là gì? Điểm tương tác trên trang (page interaction page) là khoảnh khắc người dùng có thể tương tác với chức năng cốt lõi (core functionality) của một trang web. Khả năng tương tác (interaction) nghĩa là thấy nội dung và có khả năng tương tác với nó (click vào nút bấm, thực hiện một lựa chọn, điều hướng, vân vân). Điểm tương tác trên trang là khoảnh khắc có tính khái niệm hơn là sự kiện tải trang có tính kỹ thuật (technical pageload event). Mục đích thực sự, xét cho cùng của …

Đọc thêm

Làm thế nào để trì hoãn tải nhiều file JavaScript cùng một lúc

Bởi

Cách để trì hoãn tải nhiều file JavaScript cùng một lúc: Bài viết này sẽ mô tả cách trì hoãn tải ảnh, video, các nút mạng xã hội Twitter / Facebook / G+, và Mã phân tích (Analytics). Sử dụng cùng một phương thức bạn cũng có thể trì hoãn mọi thứ khác. Trì hoãn tải JavaScript có thể là bước quan trọng để tăng tốc độ website. Tôi đã viết nhiều về trì hoãn tải ảnh, trì hoãn tải video, và cách trì hoãn JavaScript nhưng câu hỏi tôi hay nhận được nhất là: Làm thế nào tôi có thể …

Đọc thêm

Nén Brotli là gì?

Bởi

Brotli là gì? Brotli là mã nguồn mở dành cho việc nén dữ liệu và vượt trội so với nén gzip trong nhiều tình huống; Brotli hiện đang được một số trình duyệt web sử dụng để nén font WOFF2; Brotli hiện đang được sử dụng để nén dữ liệu thông thường thay vì chỉ được dùng để nén font trên trình duyệt Chrome và Firefox. Brotli đang được sử dụng như thế nào? Kể từ khi được sử dụng rộng rãi để nén font WOFF2, Brotli hiện đã được hỗ trợ bởi một số trình duyệt (dưới dạng nén …

Đọc thêm

Trì hoãn tải Video để tăng tốc Website

Bởi

Tại sao phải trì hoãn tải video? Khi bạn lấy video từ Youtube, Wistia, Vimeo, vân vân để nhúng vào trong trang web của bạn, nó có thể là nguyên nhân gây tải chậm trang (bạn có thể tham khảo thêm bài viết YouTube tải nặng như thế nào?). Khi video được trì hoãn tải cho đến khi nội dung thuộc màn hình đầu tiên tải xong, điều đó sẽ giúp trang web của bạn tải nhanh hơn mà không cần thu thập tất cả file và các tài nguyên mà video yêu cầu. Bằng cách trì hoãn video bạn …

Đọc thêm

Xử lý vấn đề trùng lặp nội dung khi sử dụng CDN cho Website

Bởi

PS: Nếu bạn dùng dịch vụ CDN chất lượng ví dụ như BunnyCDN, các vấn đề về SEO đã được xử lý ngay từ đầu trong các cài đặt mặc định của họ. CDN là một trong các biện pháp giúp tăng tốc độ website rất hiệu quả, thông qua việc đưa các nội dung tĩnh phân tán khắp các máy chủ trên toàn cầu, và người dùng sẽ lấy được dữ liệu gần họ nhất, qua đó cải thiện thời gian truyền tải dữ liệu (giảm độ trễ / letancy). Và như hệ quả của việc người duyệt web …

Đọc thêm

Danh mục CDN

Cách trì hoãn tải ảnh giúp tăng tốc độ website

Bởi

Ảnh trì hoãn (deferred image) là ảnh chỉ được tải xuống sau khi nội dung thuộc màn hình đầu tiên (initial page) tải xong. Các hình ảnh không nằm trong màn hình đầu tiên (below the fold) có thể được trì hoãn, điều đó cho phép nội dung website của bạn tải nhanh hơn. Trì hoãn tải hình ảnh giúp trang tải nhanh hơn Bài viết này sẽ hướng dẫn bạn cách đơn giản để áp dụng trì hoãn tải ảnh mà không cần đến jQuery hoặc lazy loading (tải lười biếng). Một trong những lý do chính khiến trang …

Đọc thêm

Làm thế nào để trì hoãn tải JavaScript

Bởi

Trì hoãn tải JavaScript đúng cách là khi bạn chỉ tải hoặc phân tích cú pháp (parsing) JavaScript sau khi nội dung của trang được tải xong (hay nói cách khác JavaScript sẽ không làm ảnh hưởng đến tốc độ trang hoặc tuyến hiển thị quan trọng). Sử dụng sự kiện “onload” chúng ta gọi một file JavaScript bên ngoài (external) JavaScript bên ngoài sẽ không tải cho đến khi nội dung của trang được tải xong JavaScript bên ngoài sau đó sẽ được thực thi và có hiệu ứng lên trang Giải thích Trì hoãn tải JavaScript là một …

Đọc thêm

Cách loại bỏ JavaScript chặn hiển thị

Bởi

Chặn hiển thị (render) nghĩa là gì Render nghĩa là thao tác giúp trang web được kết xuất, hiển thị cho người dùng trên trình duyệt, vì vậy nếu điều gì đó làm chặn hiển thị (render-blocking), điều đó có nghĩa là nó làm cho trang không được hiển thị cho người dùng nhanh nhất trong khả năng. Lưu ý nhỏ: bài viết này nói về JavaScript chặn hiển thị, không phải CSS chặn hiển thị (chúng là những cái rất khác nhau, mặc dù đều gây ra phiền toái làm trang web chậm hiển thị cho người duyệt web). JavaScript …

Đọc thêm

Hướng dẫn chỉnh sửa file .htaccess cho WordPress

Bởi

File .htaccess là nội dung vô cùng quan trọng trong WordPress (sử dụng máy chủ Apache), các thiết lập nền tảng cho website nhằm điều khiển máy chủ web đều nằm trong file này, thí dụ như chuyển từ http sang https hay chuyển từ website “có www” sang “không có www” (và nói chung là các chuyển hướng 301), cũng như các thiết lập cho cache phía trình duyệt (http cache) để tăng tốc web, vân vân. Sử dụng WordPress hiệu quả đôi khi bắt buộc người dùng phải can thiệp file này. Tuy nhiên có 2 vấn đề …

Đọc thêm