Оценка Google PageSpeed ​​и css файл включены в ajax отображены html

Question

У меня есть веб-сайт, и некоторые html загружены вызовом ajax (блоки Dynami c). Внутри ajax включенного html блока также есть Dynami c css. Он включает в себя различные css файлы, основанные на разных условиях. Ajax вызов занимает около 3 секунд, иногда 5 секунд (поскольку блок может быть настроен на отображение с некоторой задержкой по назначению). Теперь Google PageSpeed ​​показывает плохой результат, показывая, что для файлов css задержка составляет 3-5 секунд, а фактическое время загрузки составляет всего 100 мс.

Я включаю css в ajax шаблон, называемый следующим образом:

jQuery('head').append('<link rel="stylesheet" href="https://www.example.com/" . $cssVersion . ".css" type="text/css" />'

Есть ли какой-нибудь атрибут, который я мог бы добавить или что-то, чтобы предотвратить плохой результат из-за этого?

Answer 1

Убедитесь, что файл CSS, который вы загружаете, содержит только правила, относящиеся к Ajax загружен html.

Также попробуйте использовать обозреватель пересечения для загрузки html, когда страница около отображать содержимое, а не работать при загрузке страницы.

Кроме того, если вы сможете устранить зависимость jQuery, вы окажете большую услугу.