Обнаруживать предварительную выборку страницы Google Chrome

Question

Я создаю простой инструмент, который отслеживает и увеличивает количество посещений веб-сайта. Это что-то просто, как:

Когда сервер получает запрос GET, это увеличит счетчик в базе данных для этого сайта 1.

Однако, я бегу к битном проблемы с Google Chrome, механизм предварительного рендеринга («Предсказывать сетевые действия для повышения производительности загрузки страницы»).

Веб-сайт www.domain.com, и как только вы вводите имя домена www.domain.com в адресную строку браузера (без нажатия клавиши Enter), Chrome отправляет запрос GET для предварительной выборки страницы, в результате чего регистрацию сервера, которая посещает и увеличивает счетчик в базе данных на 1. После этого, если пользователь нажимает Enter и фактически загружает веб-страницу, сервер увидит еще один запрос GET, увеличивая счетчик. Это приводит к 2 повторным посещениям, зарегистрированным в базе данных. Насколько я понимаю, Google Chrome загружает только страницу, но не выполняет ее, но как только мой сервер получает запросы GET, счетчик увеличивается.

Вопрос: Есть ли способ обойти это? Предпочтительно, я хотел бы определить, является ли это предварительной выборкой или фактическим пользователем, который посещает веб-сайт.

Answer 1

Похоже, что это необнаруживаемая сторона сервера.

Для проекта Chromium была открыта проблема. Он обозначен как «не исправит» (Prerendering does not have any distinguishing HTTP headers). Запрос предварительной выборки не отображается на вкладке «Инструменты» Dev Tools, поэтому вы не можете легко подтвердить это, просмотрев заголовки. Я проверил их, используя Wireshark, и, к сожалению, не было различий, отличающих запросы предварительного рендеринга от «нормальных» запросов.

Обход:

Вы можете проверить на упреждающую выборку страниц на стороне клиента с помощью Page Visibility API. Это немного больше, чем отслеживание на стороне сервера, но вы можете вставить тег сценария на свою страницу, который проверяет, является ли это запросом prerender. Если это так, отправьте запрос AJAX, который каким-то образом идентифицирует, на какой странице он был, и используйте это, чтобы увеличить счетчик в своей базе данных.

if (document.visibilityState !== 'prerender') 
{ 
    //ajax call registering page hit 
} 

Просто следите за тем, чтобы запрос AJAX не возвращал результат из кеша, не позволяя ему прибыть на сервер.