Optimizing Mobile Site Speed with Browser Caching

Tìm hiểu cách tối ưu tốc độ tải trang trên thiết bị di động thông qua cơ chế bộ nhớ đệm trình duyệt để cải thiện trải nghiệm người dùng và thứ hạng trên công cụ tìm kiếm.

Tổng quan về Tốc độ Trang di động và Tầm quan trọng trong SEO Hiện đại

Trong kỷ nguyên kỹ thuật số hiện nay, tốc độ trang web không còn chỉ là một yếu tố phụ trợ mà đã trở thành trụ cột cốt lõi quyết định sự sống còn của một doanh nghiệp trực tuyến. Đối với các nhà quản trị website và chuyên gia Digital Marketing, việc tối ưu hóa hiệu suất trên thiết bị di động là mối quan tâm hàng đầu do xu hướng truy cập Internet từ điện thoại chiếm hơn 50% tổng lưu lượng toàn cầu. Google chính thức công bố phương pháp lập chỉ mục ưu tiên di động (Mobile-First Indexing), nghĩa là phiên bản di động của trang web sẽ được sử dụng làm nguồn chính để đánh giá nội dung và xếp hạng kết quả tìm kiếm. Điều này đặt ra áp lực lớn lên các chủ sở hữu trang web phải đảm bảo rằng nội dung của họ không chỉ hiển thị tốt mà còn phải tải nhanh chóng ngay cả trong điều kiện mạng di động không ổn định hoặc băng thông hạn chế.

Khi người dùng truy cập vào một trang web chậm chạp trên điện thoại, tỷ lệ thoát trang (Bounce Rate) tăng vọt đáng kể. Các nghiên cứu từ Google cho thấy khoảng 53% lượt truy cập từ thiết bị di động rời bỏ trang web nếu nội dung không tải xong trong vòng 3 giây. Bên cạnh đó, tốc độ tải trang ảnh hưởng trực tiếp đến các chỉ số Core Web Vitals, bao gồm Largest Contentful Paint (LCP), First Input Delay (FID) và Cumulative Layout Shift (CLS). Các chỉ số này đóng vai trò như những tín hiệu xếp hạng chính thức trên bảng điểm sức khỏe của Google. Do đó, việc triển khai bộ nhớ đệm trình duyệt (Browser Caching) không đơn thuần là một thủ thuật kỹ thuật mà là một chiến lược SEO bắt buộc nhằm giảm thiểu độ trễ mạng, tiết kiệm băng thông máy chủ và nâng cao trải nghiệm tổng thể của người dùng cuối.

Một trang web được tối ưu hóa tốt bằng cách sử dụng caching thông minh sẽ giúp giảm tải cho máy chủ gốc (Origin Server), đặc biệt quan trọng trong các đợt cao điểm lưu lượng truy cập hoặc các chiến dịch Marketing quy mô lớn. Khi dữ liệu tĩnh được lưu trữ tại máy khách, quá trình tương tác giữa trình duyệt và máy chủ diễn ra nhẹ nhàng hơn, dẫn đến thời gian phản hồi nhanh hơn và khả năng chuyển đổi (Conversion Rate) tốt hơn. Dưới đây là bảng so sánh tác động của việc thiếu tối ưu caching so với khi đã áp dụng giải pháp này đối với trải nghiệm người dùng di động:

Cơ chế hoạt động của Bộ nhớ đệm Trình duyệt và Giao thức HTTP

Để hiểu sâu sắc về cách tối ưu hóa tốc độ, chúng ta cần đi sâu vào cơ chế hoạt động nội tại của bộ nhớ đệm trình duyệt dựa trên giao thức HTTP. Browser caching hoạt động dựa trên nguyên tắc trao đổi thông tin giữa máy khách (Client - trình duyệt web) và máy chủ (Server). Mỗi khi trình duyệt yêu cầu tải một tài nguyên, chẳng hạn như hình ảnh, tệp CSS hoặc JavaScript, nó sẽ gửi một yêu cầu HTTP đến máy chủ. Nếu máy chủ cấu hình bộ nhớ đệm đúng cách, nó sẽ trả về các mã trạng thái và header đặc biệt cho phép trình duyệt lưu trữ bản sao của tài nguyên đó trong bộ nhớ tạm (RAM) hoặc trên đĩa cứng của thiết bị.

Tại thời điểm sau đó, nếu người dùng truy cập lại cùng trang web hoặc trang khác chứa cùng tài nguyên, trình duyệt sẽ kiểm tra xem tài nguyên đã tồn tại trong bộ nhớ đệm hay chưa. Thay vì gửi một yêu cầu mới hoàn toàn đến máy chủ, trình duyệt sẽ gửi một yêu cầu điều kiện (Conditional Request). Yêu cầu này thường chứa các tiêu đề như `If-None-Match` hoặc `If-Modified-Since`. Máy chủ sẽ so sánh hash hoặc ngày giờ của tệp với bản lưu trữ hiện có. Nếu tài nguyên không thay đổi, máy chủ sẽ trả về mã trạng thái 304 Not Modified, cho biết trình duyệt nên sử dụng bản sao đã lưu. Quá trình này loại bỏ hoàn toàn việc truyền tải dữ liệu qua mạng, giúp giảm đáng kể thời gian chờ đợi.

"Bộ nhớ đệm trình duyệt giống như việc bạn ghi chú lại các thông tin quan trọng vào sổ tay cá nhân thay vì phải chạy quay lại thư viện để hỏi lại từng lần. Trong thế giới web, điều này giúp 'nhớ' lại tài nguyên mà không cần phải tải lại từ xa."

Có hai loại bộ nhớ đệm chính cần được phân biệt rõ ràng trong quy trình kỹ thuật: Hard Cache và Soft Cache (hoặc Revalidation). Hard Cache xảy ra khi trình duyệt tải tài nguyên từ bộ nhớ địa phương mà không cần liên hệ với máy chủ, dựa trên thời gian hết hạn (Expiration) được chỉ định trong header. Ngược lại, Soft Cache yêu cầu trình duyệt phải xác minh tính hợp lệ của tài khóa với máy chủ trước khi hiển thị. Việc cân bằng giữa hai loại này rất quan trọng; nếu đặt thời gian hết hạn quá dài cho nội dung động, người dùng có thể thấy thông tin lỗi thời, nhưng nếu đặt quá ngắn, hiệu quả giảm tải máy chủ sẽ không đáng kể.

Các cơ chế định danh tài nguyên cũng đóng vai trò then chốt. Thẻ ETag (Entity Tag) là một chuỗi ký tự độc nhất được tạo ra bởi máy chủ dựa trên nội dung tệp, giúp xác định chính xác phiên bản của tài nguyên. Khi ETag khớp, trình duyệt biết rằng không có gì thay đổi. Ngoài ra, tiêu đề `Expires` và `Cache-Control` là hai công cụ chính điều khiển hành vi của trình duyệt. Trong môi trường di động, nơi độ trễ mạng (Latency) là kẻ thù lớn nhất, việc giảm số lượng yêu cầu HTTP xuống mức tối thiểu thông qua các cơ chế này mang lại lợi ích tức thì về mặt cảm nhận tốc độ của người dùng.

Tác động trực tiếp của Caching đến Chỉ số Web Vitals và Trải nghiệm Người dùng

Chỉ số Web Vitals là tập hợp các chỉ số đo lường chất lượng trải nghiệm người dùng mà Google coi trọng trong việc xếp hạng trang web. Việc triển khai bộ nhớ đệm trình duyệt ảnh hưởng trực tiếp và tích cực đến ba chỉ số quan trọng nhất: LCP, FID và CLS. Đầu tiên, Largest Contentful Paint (LCP) đo lường thời gian tải phần nội dung lớn nhất của màn hình. Khi các tài nguyên hỗ trợ như font chữ, CSS và hình ảnh được lưu vào cache, trình duyệt có thể hiển thị nội dung này gần như ngay lập tức thay vì phải tải lại từ máy chủ, giúp giảm thời gian LCP xuống mức đạt chuẩn (<2.5 giây).

Thứ hai, First Input Delay (FID) đo lường độ trễ khi người dùng tương tác đầu tiên với trang, chẳng hạn như nhấp vào nút gọi hoặc menu. Trên các thiết bị di động, bộ xử lý thường ít mạnh mẽ hơn máy tính bàn, do đó việc phân bổ tài nguyên hệ thống là rất quan trọng. Nếu trình duyệt phải xử lý tải xuống lại nhiều file JavaScript nặng từ mạng mỗi lần mở trang, CPU sẽ bị nghẽn cổ chai, gây ra độ trễ khi nhập liệu. Với caching, các script được tải từ bộ nhớ đệm, giúp CPU giải phóng sức mạnh để xử lý tương tác người dùng mượt mà hơn, giảm FID xuống dưới 100ms.

Thứ ba, Cumulative Layout Shift (CLS) liên quan đến sự ổn định trực quan của trang. Một vấn đề phổ biến trên di động là các tài nguyên hình ảnh hoặc quảng cáo tải chậm gây đẩy nội dung văn bản xuống dưới đột ngột, làm người dùng bấm nhầm vào nút sai. Khi các tài nguyên này được lưu vào cache với kích thước cố định, trình duyệt có thể dành chỗ trước (Reserve space) ngay lập tức, ngăn chặn việc dịch chuyển layout bất ngờ. Mặc dù caching không trực tiếp sửa đổi mã nguồn để tránh CLS, nhưng nó gián tiếp cải thiện CLS bằng cách đảm bảo tất cả các tài nguyên đồ họa xuất hiện đồng đều và nhanh chóng.

Xét về mặt trải nghiệm người dùng (UX) tổng thể, người dùng di động thường có sự kiên nhẫn rất thấp. Họ lướt qua các trang web khi đang di chuyển, đứng chờ xe buýt hoặc trong thang máy, nơi kết nối mạng có thể chập chờn. Một trang web được tối ưu caching sẽ có khả năng chịu đựng tốt hơn trong điều kiện mạng yếu vì nó tận dụng được dữ liệu đã tải từ lần truy cập trước đó. Điều này tạo ra cảm giác "instant loading" (tải tức thì) khiến người dùng cảm thấy ứng dụng hoặc trang web hoạt động trơn tru như một ứng dụng native thay vì một trang web tĩnh. Sự hài lòng của người dùng tăng lên sẽ dẫn đến thời gian ở lại trang (Dwell Time) lâu hơn và tỷ lệ quay lại (Returning Visits) cao hơn, đây là các tín hiệu gián tiếp mạnh mẽ đối với thuật toán tìm kiếm.

Đối với các doanh nghiệp thương mại điện tử, tốc độ liên quan trực tiếp đến doanh thu. Theo dữ liệu từ Akamai, mỗi giây trì hoãn thêm trong thời gian tải trang có thể làm giảm tỷ lệ chuyển đổi tới 7%. Khi áp dụng caching hiệu quả, chi phí vận hành hạ tầng giảm đi do giảm tải cho máy chủ, cho phép doanh nghiệp đầu tư ngân sách đó vào các kênh marketing khác như SEO nội dung hoặc quảng cáo trả phí. Do đó, không thể tách rời việc tối ưu tốc độ bằng caching khỏi chiến lược kinh doanh tổng thể của tổ chức.

Các Loại Header Caching và Cách Cấu Hình Thực Tế Cho Máy Chủ

Cấu hình bộ nhớ đệm không chỉ là việc bật một công tắc trên giao diện quản trị mà đòi hỏi kiến thức sâu về các tiêu đề HTTP (HTTP Headers). Để tối ưu hóa hiệu quả, nhà phát triển cần hiểu rõ ý nghĩa và cách phối hợp của các tiêu đề như `Cache-Control`, `Expires`, `ETag`, và `Last-Modified`. Tiêu đề `Cache-Control` là tiêu đề hiện đại và linh hoạt nhất, được sử dụng rộng rãi trong HTTP/1.1 và HTTP/2. Nó cho phép chỉ định chính xác thời gian hết hạn (max-age), phạm vi truy cập (public/private), và các hành vi khác.

Dưới đây là chi tiết về các giá trị thường dùng trong header `Cache-Control`:

• max-age=31536000: Chỉ định rằng tài nguyên này có thể được lưu vào bộ nhớ đệm trong 1 năm (31.536.000 giây). Đây là lựa chọn lý tưởng cho các tài nguyên tĩnh không bao giờ thay đổi như logo, favicon, hoặc các file CSS/JS có tên phiên bản.
• no-cache: Yêu cầu trình duyệt phải xác minh với máy chủ trước khi sử dụng bản cache. Dùng cho các nội dung nhạy cảm hoặc cập nhật thường xuyên.
• no-store: Không lưu trữ dữ liệu nào vào bộ nhớ đệm. Dùng cho các trang thanh toán, hồ sơ cá nhân để đảm bảo bảo mật tuyệt đối.
• public: Tài nguyên có thể được lưu trữ bởi bất kỳ ai, bao gồm cả proxy trung gian và CDN. Đây là mặc định cho hầu hết các tài nguyên công cộng.
• private: Chỉ được lưu trữ trong bộ nhớ riêng của trình duyệt người dùng, không được chia sẻ qua CDN hoặc proxy chung.

Việc cấu hình các header này phụ thuộc vào loại máy chủ bạn đang sử dụng. Đối với máy chủ Apache, bạn thường sử dụng tệp `.htaccess` để thiết lập các quy tắc. Ví dụ, để lưu trữ các file hình ảnh trong 1 tháng, bạn có thể thêm đoạn mã sau:

<FilesMatch "\.(jpg|jpeg|png|gif)$"> Header set Cache-Control "max-age=2592000, public"
</FilesMatch>

Đối với máy chủ Nginx, cấu hình sẽ nằm trong tệp `nginx.conf` hoặc các file cấu hình site riêng biệt. Ví dụ:

location ~* \.(jpg|jpeg|png|gif|ico|css|js)$ { expires 30d; add_header Cache-Control "public, no-transform";
}

Một khía cạnh kỹ thuật quan trọng khác là quản lý các tài nguyên động. Các trang HTML, API responses, hoặc trang checkout không nên được cache quá lâu hoặc nên được cache theo quy tắc riêng. Sử dụng tiêu đề `Vary: Accept-Encoding` là bắt buộc để đảm bảo rằng bản cache được lưu cho người dùng sử dụng trình duyệt khác nhau (ví dụ: User-Agent) hoặc định dạng nén khác nhau (Gzip/Brotli) không bị xung đột. Nếu quên cấu hình này, trình duyệt của người dùng A có thể nhận được file được nén bằng Gzip từ cache của người dùng B, dẫn đến lỗi hiển thị hoặc download thất bại.

Đối với các hệ thống quản trị nội dung (CMS) như WordPress, việc can thiệp trực tiếp vào server configuration có thể phức tạp. Nhiều plugin SEO và tối ưu hóa hiệu suất cung cấp các tùy chọn cài đặt caching thông minh. Tuy nhiên, người quản trị cần cảnh giác với việc cài đặt quá đà. Nếu plugin cache HTML của trang blog quá lâu, người dùng có thể bỏ lỡ các bài viết mới vừa được đăng tải. Do đó, sự kết hợp giữa server-side caching và plugin caching cần được điều chỉnh cẩn thận để đảm bảo tính nhất quán của dữ liệu.

Chiến lược Tối ưu hóa Caching cho Nội dung Động và Tĩnh

Không phải mọi tài nguyên trên website đều giống nhau về tần suất thay đổi. Một chiến lược caching hiệu quả phải phân loại rõ ràng giữa nội dung tĩnh (Static Content) và nội dung động (Dynamic Content) để áp dụng chính sách lưu trữ phù hợp. Nội dung tĩnh bao gồm các file đa phương tiện (ảnh, video), stylesheet (CSS), và script (JavaScript). Vì các file này hiếm khi thay đổi, trừ khi nhà phát triển cập nhật code, chiến lược tối ưu nhất là đặt thời gian hết hạn (max-age) rất dài, thường là từ 1 năm trở lên. Điều này giúp trình duyệt của người dùng tải chúng gần như tức thì trong các lần truy cập sau.

Ngược lại, nội dung động bao gồm HTML trang chủ, sản phẩm, giỏ hàng, hoặc dữ liệu API từ cơ sở dữ liệu. Những nội dung này thay đổi liên tục. Áp dụng cache dài hạn cho nội dung động sẽ gây ra lỗi hiển thị dữ liệu cũ. Chiến lược ở đây là sử dụng "Cache Busting" (Phá vỡ bộ nhớ đệm). Kỹ thuật này liên quan đến việc thay đổi URL của tài nguyên mỗi khi nội dung đó thay đổi. Ví dụ, thay vì link đến `/style.css`, bạn sẽ link đến `/style.v2.css` hoặc `/style.css?v=1.0.5`. Khi file CSS thay đổi, URL thay đổi, trình duyệt coi đó là một tài nguyên mới và tải lại nó, đồng thời xóa bản cache cũ.

Một phương pháp nữa là sử dụng Hashing trong tên file (File Hashing). Các công cụ build modern như Webpack hoặc Laravel Mix tự động sinh ra các tên file dựa trên hash nội dung. Ví dụ: `app.a1b2c3.js`. Nếu nội dung JS thay đổi, hash sẽ thay đổi, dẫn đến tên file thay đổi. Điều này đảm bảo tính toàn vẹn của cache mà không cần cấu hình phức tạp từ phía máy chủ. Đây là tiêu chuẩn vàng trong kỹ thuật Frontend hiện đại.

Đối với nội dung động, việc sử dụng CDN (Content Delivery Network) cũng đóng vai trò quan trọng trong chiến lược caching. CDN lưu trữ bản sao của nội dung tĩnh tại các vị trí địa lý gần người dùng hơn. Khi kết hợp CDN, bạn có thể cấu hình TTL (Time To Live) tại lớp Edge của CDN để giảm bớt các yêu cầu ping về máy chủ gốc. Tuy nhiên, cần thiết lập quy tắc invalidation (xóa cache) trên CDN cẩn thận để đảm bảo khi nội dung gốc thay đổi, CDN cũng cập nhật ngay lập tức, tránh tình trạng "cache poisoning" (lưu trữ nội dung độc hại hoặc lỗi thời).

Còn một lưu ý quan trọng là caching đối với thiết bị di động. Đôi khi, các trình duyệt di động có bộ nhớ đệm chặt chẽ hơn hoặc khác biệt so với desktop. Việc sử dụng header `Vary: User-Agent` có thể giúp phân biệt cache giữa mobile và desktop nếu nội dung hiển thị khác nhau hoàn toàn (ví dụ: Mobile AMP vs Desktop Regular). Điều này đảm bảo rằng người dùng di động luôn nhận được phiên bản tối ưu cho thiết bị của mình mà không bị lẫn lộn với cache của máy tính.

Công cụ Kiểm tra và Đo lường Hiệu quả Caching

Việc cấu hình cache không có nghĩa là bạn sẽ thành công ngay lập tức. Bạn cần các công cụ chuyên nghiệp để kiểm chứng xem header có được gửi đi chính xác hay không và liệu trình duyệt có thực sự sử dụng chúng không. Công cụ mạnh mẽ và miễn phí nhất nằm ngay trong trình duyệt Google Chrome Developer Tools, cụ thể là tab Network. Khi bạn tải lại trang web (Reload), hãy nhấn giữ phím Shift và nhấp chuột để "Empty Cache and Hard Reload". Sau đó, nhìn vào cột "Status" trong danh sách các tài nguyên. Nếu bạn thấy mã trạng thái 200 OK kèm theo dòng "from disk cache" hoặc "from memory cache" trong cột "Size", điều đó có nghĩa là caching đang hoạt động thành công.

Beyond the internal tools, there are external auditing platforms. PageSpeed Insights của Google cung cấp báo cáo chi tiết về mức độ tuân thủ các nguyên tắc tối ưu hóa, bao gồm cả khuyến nghị về cache. Nó phân tích URL và chỉ ra những tài nguyên nào chưa được đặt header cache thích hợp. Kết quả đánh giá sẽ cho điểm PWA và Performance cụ thể, giúp bạn định hướng ưu tiên sửa chữa. Tương tự, GTmetrix và Pingdom cung cấp phân tích Waterfall Chart (Biểu đồ thác nước), cho phép bạn xem xét thứ tự tải của từng tài nguyên. Trong biểu đồ này, bạn có thể thấy rõ các tài nguyên nào tải từ "Disk Cache" và mất bao nhiêu thời gian (0ms hoặc vài ms so với hàng trăm ms khi tải từ mạng).

Một công cụ khác không kém phần quan trọng là YSlow, một extension cho trình duyệt giúp đánh giá hiệu suất web dựa trên các quy tắc của Yahoo. Nó đưa ra lời khuyên cụ thể cho từng tài nguyên, ví dụ như "Add an Expires or Cache-Control header with a valid date in the past" (Thêm header Expires hoặc Cache-Control với ngày quá khứ) nếu bạn quên cấu hình nó. Ngoài ra, các công cụ phân tích backend như New Relic hoặc Datadog có thể giám sát tỷ lệ hit/miss cache của máy chủ, giúp đội ngũ kỹ thuật hiểu rõ hiệu quả thực sự của cơ chế caching đối với tài nguyên hệ thống.

Khi kiểm tra trên thiết bị di động thực tế, hãy sử dụng tính năng Throttling trong Chrome DevTools để giả lập mạng 3G hoặc 4G chậm. Điều này giúp bạn thấy được sự khác biệt rõ rệt giữa việc tải từ cache và tải từ mạng. Nếu tốc độ vẫn chậm dù đã cấu hình cache, có thể vấn đề nằm ở độ trễ mạng hoặc kích thước file quá lớn chứ không phải do thiếu cache. Lúc này, cần kết hợp tối ưu hóa hình ảnh (như sử dụng WebP) bên cạnh việc cài đặt caching.

Những Sai lầm Thường gặp khi Triển khai Browser Caching

Triển khai bộ nhớ đệm là một con dao hai lưỡi nếu không được thực hiện cẩn thận. Có nhiều lỗi phổ biến mà các chủ sở hữu trang web mắc phải, dẫn đến hậu quả nghiêm trọng cho trải nghiệm người dùng và uy tín thương hiệu. Một trong những sai lầm tai hại nhất là đặt thời gian `max-age` quá dài cho các tài nguyên quan trọng mà không áp dụng cơ chế phá vỡ cache (cache busting). Ví dụ, nếu bạn đổi lại nội dung CSS của trang web nhưng vẫn giữ nguyên tên file `style.css` và header cache là 1 năm, người dùng sẽ mãi mãi thấy giao diện cũ hoặc thậm chí là lỗi CSS do file mới xung đột với file cũ.

Sai lầm thứ hai là lạm dụng bộ nhớ đệm cho các trang nhạy cảm như trang đăng nhập, trang giỏ hàng, hoặc trang thanh toán. Nếu các trang này bị cache, người dùng A có thể vô tình thấy thông tin giỏ hàng của người dùng B khi đăng nhập. Việc này vi phạm nghiêm trọng các tiêu chuẩn bảo mật và quyền riêng tư. Luôn phải áp dụng `no-store` hoặc `no-cache` cho các endpoint có chứa thông tin cá nhân hoặc dữ liệu tài chính.

Sai lầm thứ ba là không cấu hình đúng các tiêu đề `Vary`. Như đã đề cập, nếu không chỉ định `Vary: Cookie` hoặc `Vary: User-Agent`, máy chủ proxy có thể phục vụ bản cache sai cho người dùng. Điều này đặc biệt nguy hiểm đối với các trang web đa ngôn ngữ hoặc có giao diện thích ứng (Responsive Design) phức tạp. Nếu CDN trả về bản cache Desktop cho người dùng Mobile, trải nghiệm sẽ bị phá vỡ hoàn toàn.

Một sai lầm kỹ thuật khác là xung đột giữa các plugin caching trên nền tảng CMS. Ví dụ, trong WordPress, nếu bạn cài đặt một plugin caching server-side và một plugin caching client-side đồng thời, chúng có thể ghi đè lên nhau hoặc tạo ra các vòng lặp cache logic, khiến trang web không thể cập nhật nội dung mới. Cần rà soát kỹ lưỡng các cài đặt và chỉ nên sử dụng một giải pháp caching chính thống duy nhất cho mỗi lớp (Server hoặc Plugin).

Cuối cùng, nhiều người quên rằng bộ nhớ đệm không tự động dọn dẹp. Dữ liệu cache cũ sẽ dần chiếm dung lượng ổ cứng của trình duyệt người dùng. Mặc dù trình duyệt hiện đại có cơ chế tự động xóa cache cũ khi đầy, nhưng việc hiểu rõ cách trình duyệt quản lý bộ nhớ đệm giúp bạn xây dựng chiến lược nội dung bền vững hơn. Tóm lại, tối ưu hóa tốc độ trang di động thông qua browser caching là một quy trình liên tục, đòi hỏi sự giám sát thường xuyên, kiểm thử kỹ lưỡng và cập nhật kiến thức liên tục để thích nghi với các thay đổi của thuật toán tìm kiếm và công nghệ web.