Wordpress

Autoptimize настройка wordpress: описаниС ΠΏΠ»Π°Π³ΠΈΠ½Π° ΠΈ Ρ‡Π°ΡΡ‚ΠΎΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ хитрости, Π΄ΠΎΡ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΈ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ

11.06.2023

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

Плагин Autoptimize β€” автоматичСская оптимизация сайта Π½Π° WordPress

Как Π»ΡƒΡ‡ΡˆΠ΅ всСго ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²Π΅Π±-сайт? Допустим, Π²Ρ‹ Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π»ΠΈ вСсь ΠΊΠΎΠ΄ сайта. Казалось Π±Ρ‹, всС Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΈ ΠΌΠΎΠΆΠ½ΠΎ дальшС Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ. Π’Π°ΠΊ ΠΈ Π΅ΡΡ‚ΡŒ, Π½ΠΎ это Π΄ΠΎ Ρ‚ΠΎΠ³ΠΎ ΠΌΠΎΠΌΠ΅Π½Ρ‚Π°, ΠΊΠ°ΠΊ Π²Ρ‹ Π½Π°Ρ‡Π½Π΅Ρ‚Π΅ Ρ€Π°ΡΡˆΠΈΡ€ΡΡ‚ΡŒ Π²Π΅Π±-сайт. Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π½ΠΎΠ²Ρ‹Ρ… Ρ‚ΠΈΠΏΠΎΠ² страниц ΠΈΠ»ΠΈ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° – ΡƒΠΆΠ΅ снова Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡŽ. Π—Π°Ρ‡Π΅ΠΌ постоянно ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ сайт Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ, ΠΊΠΎΠ³Π΄Π° ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ этот процСсс автоматичСским. Достаточно всСго лишь Π΄Π΅Π»Π΅Π³ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ эту Π·Π°Π΄Π°Ρ‡Ρƒ подходящСму ΠΏΠ»Π°Π³ΠΈΠ½Ρƒ ΠΈ ΠΌΠΎΠΆΠ½ΠΎ спокойно Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒΡΡ своими Π΄Π΅Π»Π°ΠΌΠΈ ΠΈ Π΄Π°ΠΆΠ΅ Π½Π΅ Π΄ΡƒΠΌΠ°Ρ‚ΡŒ ΠΎΠ± ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ. Какой ΠΆΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ для этой Ρ†Π΅Π»ΠΈ? ΠœΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ΅Π½ ΠΈΠΌΠ΅Π½Π½ΠΎ Autoptimize. Π­Ρ‚ΠΎ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Π°Π²Ρ‚ΠΎΠΌΠ°Ρ‚ΠΈΠ·ΠΈΡ€ΡƒΠ΅Ρ‚ процСсс ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ Π²Π΅Π±-сайта, ΠΏΡ€ΠΈΡ‡Π΅ΠΌ Π΄Π΅Π»Π°Π΅Ρ‚ это ΠΎΡ‡Π΅Π½ΡŒ качСствСнно. Π”Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ рассмотрим само Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΈ Π΅Π³ΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π».

ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ ΠΏΠ»Π°Π³ΠΈΠ½Ρƒ


ΠšΡ€Π°Ρ‚ΠΊΠ°Ρ информация ΠΎ Autoptimize

Autoptimize – это ΠΏΠ»Π°Π³ΠΈΠ½ для ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ Π²Π΅Π±-сайта Π½Π° WordPress. Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ ΠΈΠΌΠ΅Π΅Ρ‚ достаточно ΡˆΠΈΡ€ΠΎΠΊΠΈΠΉ спСктр возмоТностСй, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΈΡ‚ΡŒ Ρ‚ΠΎΠ½ΠΊΡƒΡŽ настройку процСсса ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ рСсурса. Π‘Ρ‚ΠΎΠΈΡ‚ Π·Π°ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΏΠ»Π°Π³ΠΈΠ½ прСдоставляСт настройки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΏΠΎΠ΄ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π΅Π³ΠΎ Ρ€Π°Π±ΠΎΡ‚Ρƒ ΠΏΠΎΠ΄ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹ΠΉ сайт. Π”ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ совмСстимо с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ инструмСнтами для ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Ссли Π²Ρ‹ ΡƒΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ ΠΊΠ°ΠΊΠΎΠ΅-Ρ‚ΠΎ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅, Ρ‚ΠΎ Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Ρ‚ΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ вмСстС с Autoptimize. БрСдняя ΠΎΡ†Π΅Π½ΠΊΠ° ΠΏΠ»Π°Π³ΠΈΠ½Π° – 4,5 Π·Π²Π΅Π·Π΄Ρ‹ ΠΏΡ€ΠΈ количСствС Π·Π°Π³Ρ€ΡƒΠ·ΠΎΠΊ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΏΡ€Π΅Π²Ρ‹ΡˆΠ°Π΅Ρ‚ 1 ΠΌΠΈΠ»Π»ΠΈΠΎΠ½. Π­Ρ‚ΠΎ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ ΠΎ Π΅Π³ΠΎ высокой популярности ΠΈ Ρ…ΠΎΡ€ΠΎΡˆΠ΅ΠΌ качСствС Ρ€Π°Π±ΠΎΡ‚Ρ‹. Π’Π°ΠΊΠΆΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΎΡ‡Π΅Π½ΡŒ большоС количСство ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΎΡ‚Π·Ρ‹Π²ΠΎΠ². Autoptimize совмСстим с WordPress 5.6 ΠΈ ΠΏΠ΅Ρ€Π΅Π²Π΅Π΄Π΅Π½ Π½Π° 30 языков. Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Π° Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΏΠΎΡΡ‚Π°Ρ€Π°Π»ΠΈΡΡŒ ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΠ»ΠΈ Π² свой ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ всС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½ΡƒΠΆΠ½Ρ‹ для ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ΠΌ. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΠΌ Π½Π° Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠ· этих Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ:

  • Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Π² автоматичСском Ρ€Π΅ΠΆΠΈΠΌΠ΅ ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡ€ΡƒΠ΅Ρ‚ всС ваши Ρ„Π°ΠΉΠ»Ρ‹ скриптов ΠΈ стилСй;
  • ΠΏΠ»Π°Π³ΠΈΠ½ автоматичСски распрСдСляСт стили Π² ΡˆΠ°ΠΏΠΊΡƒ сайта, Π° скрипты Π² ΠΏΠΎΠ΄Π²Π°Π». Π’Π°ΠΊ ΠΊΠ°ΠΊ стили Π±ΡƒΠ΄ΡƒΡ‚ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒΡΡ ΠΏΠ΅Ρ€Π²Ρ‹ΠΌΠΈ, Ρ‚ΠΎ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ самого рСсурса повысится;
  • Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΈ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΎΡ‚Π»ΠΎΠΆΠ΅Π½Π½ΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Плагин ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Ρ‚Π°ΠΊΠΆΠ΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ Webp ΠΈ Avif;
  • Π΄Π°ΠΆΠ΅ Ссли Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ HTTP 2, Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ всС Ρ€Π°Π²Π½ΠΎ позволяСт Π΅Ρ‰Π΅ Π»ΡƒΡ‡ΡˆΠ΅ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²Π΅Π±-сайт;
  • Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΄Π°ΠΆΠ΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Π½Π° своСм рСсурсС;
  • ΠΏΠ»Π°Π³ΠΈΠ½ ΠΈΠΌΠ΅Π΅Ρ‚ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹ΠΉ API, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π² соотвСтствии с ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹ΠΌΠΈ потрСбностями вашСго Π²Π΅Π±-сайта;
  • Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ позволяСт ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ конструкторами.

Π­Ρ‚ΠΎ Π±Ρ‹Π» Π½Π΅ΠΏΠΎΠ»Π½Ρ‹ΠΉ список возмоТностСй. ВсС возмоТности, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‚ΡΡ вмСстС с этим популярным Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ΠΌ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ Π² Π΄Π΅Π»Π΅, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ воспользовавшись ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ.

ПолСзно: ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΠ° Π»ΡƒΡ‡ΡˆΠΈΡ… Ρ‚Π΅ΠΌ WordPress для Ρ€ΠΈΠ΅Π»Ρ‚ΠΎΡ€Π°

ΠŸΡ€ΠΈΠ½Ρ†ΠΈΠΏ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Autoptimize

ЕстСствСнно, ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½ΠΎ Π·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅. Π˜ΡΡ…ΠΎΠ΄Ρ ΠΈΠ· ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠ° Ρ€Π°Π±ΠΎΡ‚Ρ‹ дополнСния, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ½ΡΡ‚ΡŒ, насколько ΠΎΠ½ΠΎ Π½ΡƒΠΆΠ½ΠΎ ΠΈ нСльзя Π»ΠΈ Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π΄Ρ€ΡƒΠ³ΠΈΠΌ инструмСнтом. Autoptimize Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΏΠΎ достаточно простому ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡƒ. ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ сайта ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹ (сцСнарии ΠΈ стили), ΡΠΆΠ°Ρ‚ΡŒ ΠΈΡ… ΠΈ Ρ€Π°ΡΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΏΠΎ частям ΠΊΠΎΠ΄Π°. ИмСнно это ΠΈ Π΄Π΅Π»Π°Π΅Ρ‚ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅. Π‘Π½Π°Ρ‡Π°Π»Π° ΠΏΠ»Π°Π³ΠΈΠ½ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΠ΅Ρ‚ всС сцСнарии ΠΈ стили Π²Π΅Π±-сайта, ΠΏΠΎΡ‚ΠΎΠΌ ΠΎΠ½ ΠΈΡ… ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡ€ΡƒΠ΅Ρ‚ ΠΈ сТимаСт, Π° послС этого ΠΊΡΡˆΠΈΡ€ΡƒΠ΅Ρ‚ ΠΈ распрСдСляСт. РаспрСдСлСниС происходит Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ: скрипты ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ Π² ΠΏΠΎΠ΄Π²Π°Π» сайта, Π° всС стили – Π² ΡˆΠ°ΠΏΠΊΡƒ. ΠŸΠΎΡ‡Π΅ΠΌΡƒ Ρ‚Π°ΠΊ? ΠŸΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ скрипты Π² Π½Π°Ρ‡Π°Π»Π΅ страницы ΠΌΠΎΠ³ΡƒΡ‚ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π·Π°ΠΌΠ΅Π΄Π»ΠΈΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ сайта. Π­Ρ‚ΠΎ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠ»ΠΎΡ…ΠΎ скаТСтся Π½Π° поисковой ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ.

Помимо комплСксной Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π°Π΄ стилями ΠΈ скриптами Π²Π΅Π±-сайта Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Ρ‚Π°ΠΊ ΠΆΠ΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΈ с самим HTML-ΠΊΠΎΠ΄ΠΎΠΌ, оптимизируя Π΅Π³ΠΎ ΠΈ убирая всС лишнСС.

ΠžΡ‡ΠΈΡ‰Π°Π΅Ρ‚ Π»ΠΈ автоматичСская оптимизация кэш

Π‘Π°ΠΌ ΠΏΠ»Π°Π³ΠΈΠ½ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½ΠΎΠ³ΠΎ инструмСнта, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±Ρ‹ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΠ» ΠΎΡ‡ΠΈΡ‰Π°Ρ‚ΡŒ кэш. ΠŸΠΎΡ‡Π΅ΠΌΡƒ? Π­Ρ‚ΠΎ сдСлано ΠΏΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ сообраТСниям Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ². Они боятся, Ρ‡Ρ‚ΠΎ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ„Π°ΠΉΠ»Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΅Ρ‰Π΅ Π½ΡƒΠΆΠ½Ρ‹ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ сайта ΠΈ рСсурс просто пСрСстанСт Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ. К слову, Ссли Ρƒ вас Π½Π° сайтС быстро растСт кэш, это ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π²Ρ‹Π·Π²Π°Π½ΠΎ Ρ†Π΅Π»Ρ‹ΠΌ рядом ΠΏΡ€ΠΈΡ‡ΠΈΠ½ ΠΈ Π²Π°ΠΌ стоит ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΠΈΡΠΊΠ°Ρ‚ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ для очистки кэша. ВмСсто Ρ‚ΠΎΠ³ΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Ρ‡ΠΈΡ‰Π°Ρ‚ΡŒ кэш, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ позволят Π΅ΠΌΡƒ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Ρ‚ΡŒΡΡ:

  • ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΎΠ΄Π½Ρƒ ΠΈΠ· этих Π΄Π²ΡƒΡ… ΠΎΠΏΡ†ΠΈΠΉ (ΠΈΠ»ΠΈ ΠΎΠ±Π΅ ΠΎΠΏΡ†ΠΈΠΈ): Β«Π°Π³Ρ€Π΅Π³ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ встроСнный JSΒ» ΠΈ Β«Π°Π³Ρ€Π΅Π³ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ встроСнный CSSΒ»;
  • ΠΈΡΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ JS-ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ ΠΏΡ€ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницы.

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ для автоматичСской ошибки кэша. Но ΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ Π΅Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Ρ‚ΠΎΠΌ случаС, Ссли Π²Ρ‹ Ρ‚ΠΎΡ‡Π½ΠΎ Π·Π½Π°Π΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚Π΅.

ПолСзно: ΠΎΠ±Π·ΠΎΡ€ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° Π±Π»ΠΎΠΊΠΎΠ² Gutenberg

Π Π°Π±ΠΎΡ‚Π° с Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ конструкторами

Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ конструкторы – Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ позволяСт Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с сайтом Π΄Π°ΠΆΠ΅ Π½ΠΎΠ²ΠΈΡ‡ΠΊΡƒ. ΠŸΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ этих ΠΌΠΎΡ‰Π½Ρ‹Ρ… инструмСнтов Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡΠΎΠ±ΠΈΡ€Π°Ρ‚ΡŒ Π²Π΅Π±-сайты любой слоТности. ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ ΠΊ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ ΠΎΡ‡Π΅Π½ΡŒ сильно ΡƒΠΏΡ€ΠΎΡ‰Π°Π΅Ρ‚ вСсь процСсс. Но здСсь Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚ нСбольшой вопрос – ΠΌΠΎΠΆΠ½ΠΎ Π»ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с конструкторами страниц Ссли Π½Π° сайтС установлСн ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Autoptimize? Π­Ρ‚ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ вопрос, особСнно учитывая Ρ‚ΠΎΡ‚ Ρ„Π°ΠΊΡ‚, Ρ‡Ρ‚ΠΎ конструкторы Π² процСссС Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΡΠΎΠ·Π΄Π°ΡŽΡ‚ Π½ΠΎΠ²Ρ‹ΠΉ ΠΊΠΎΠ΄, ΠΊΠΎΠ³Π΄Π° Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Π΅Π³ΠΎ постоянно ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΡƒΠ΅Ρ‚. Но всС Π² порядкС, конструкторы страниц прСвосходно Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ ΠΈ вмСстС с Autoptimize. Но для этого Π²Π°ΠΌ Π±ΡƒΠ΄Π΅Ρ‚ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π² настройки ΠΈ Ρ‚Π°ΠΌ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΏΠ°Ρ€Ρƒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ².

ΠŸΠΎΡ‡Π΅ΠΌΡƒ ΠΎΡ‚Π»ΠΎΠΆΠ΅Π½Π½Ρ‹ΠΉ CSS нСсСт ΠΏΠΎΠ»ΡŒΠ·Ρƒ

Π’ своСй Ρ€Π°Π±ΠΎΡ‚Π΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ часто создаСт ΠΎΡ‚Π»ΠΎΠΆΠ΅Π½Π½Ρ‹ΠΉ CSS. РазумССтся, Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚ вопрос – Ρ‡Ρ‚ΠΎ это Ρ‚Π°ΠΊΠΎΠ΅ ΠΈ ΠΏΠΎΡ‡Π΅ΠΌΡƒ это стало Ρ‚Π°ΠΊΠΈΠΌ популярным? ВсС достаточно просто. Π’ΠΎΠΎΠ±Ρ‰Π΅ вСсь CSS ΠΊΠΎΠ΄ всСгда Π΄ΠΎΠ»ΠΆΠ΅Π½ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ΅ страницы. Π­Ρ‚ΠΎ ΡƒΠΆΠ΅ стандарт. Π’ послСднСС врСмя Google Ρ€Π΅ΡˆΠΈΠ» Π½Π°Ρ‡Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ ΠΎΡ‚Π»ΠΎΠΆΠ΅Π½Π½ΠΎΠ³ΠΎ CSS. ΠžΡ‚Π»ΠΎΠΆΠ΅Π½Π½Ρ‹ΠΉ CSS – это ΠΊΠΎΠ΄ сайта, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π² ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠ΅ Π½ΡƒΠΆΠ΅Π½ Π²Π΅Π±-сайту, Π½ΠΎ ΠΏΡ€ΠΈ этом ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ΄ΠΎΠΆΠ΄Π°Ρ‚ΡŒ с Π΅Π³ΠΎ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΎΠΉ. Π’ΠΎ Π΅ΡΡ‚ΡŒ, сначала Π·Π°Π³Ρ€ΡƒΠΆΠ°ΡŽΡ‚ΡΡ самыС Π²Π°ΠΆΠ½Ρ‹Π΅ Ρ„Π°ΠΉΠ»Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΡ‚Π²Π΅Ρ‡Π°ΡŽΡ‚ Π·Π° созданиС Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части страницы, Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ ΠΏΡ€ΠΈ Π·Π°Ρ…ΠΎΠ΄Π΅ Π½Π° Π²Π΅Π±-сайт, Π° послС этого ΡƒΠΆΠ΅ подгруТаСтся ΠΎΡ‚Π»ΠΎΠΆΠ΅Π½Π½Ρ‹ΠΉ ΠΊΠΎΠ΄.

К слову, это особСнно Π²Π°ΠΆΠ½ΠΎ, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π·Π°Ρ…ΠΎΠ΄ΠΈΡ‚ Π½Π° Π²Π΅Π±-сайт с Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ сайт загруТаСтся Π³ΠΎΡ€Π°Π·Π΄ΠΎ быстрСС. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΡ‚Π»ΠΎΠΆΠ΅Π½Π½Ρ‹ΠΉ CSS Ρ‚Π°ΠΊΠΆΠ΅ достаточно просто. НуТно Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΏΡƒΠ½ΠΊΡ‚ «встроСнный ΠΈ ΠΎΡ‚Π»ΠΎΠΆΠ΅Π½Π½Ρ‹ΠΉ CSSΒ» ΠΈ Π² ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ΅ ΠΏΠΎΠ»Π΅ Π²Π²ΠΎΠ΄Π° Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π±Π»ΠΎΠΊ Β«CSS Π½Π°Π΄ сгибом». Но здСсь Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚ другая ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° – Π³Π΄Π΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ сгиба? Π­Ρ‚Ρƒ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ достаточно Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΎΠ½Π° Π² ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠ΅ зависит ΠΎΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° экрана ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. Но Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ инструмСнтами, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΠΆΠ΅ отдСлят Π³Π»Π°Π²Π½ΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ страницы ΠΎΡ‚ ΠΎΡΡ‚Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°.

Как Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΡƒΠ΅Ρ‚ изобраТСния

ΠŸΡ€ΠΈ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Π½ΠΎΠΉ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΈΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π·Π°Π³Ρ€ΡƒΠΆΠ°ΡŽΡ‚ΡΡ с вашСго собствСнного Π΄ΠΎΠΌΠ΅Π½Π°. ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΏΠ»Π°Π³ΠΈΠ½ Π½Π°ΠΉΠ΄Π΅Ρ‚ всС изобраТСния, ΠΎΠ½ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ ΠΈΡ… источник Π½Π° ShortPixel CDN. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, изобраТСния Π½Π° сайтС Π±ΡƒΠ΄ΡƒΡ‚ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒΡΡ быстрСС.

ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для общСдоступных ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Π’ ΠΏΡ€ΠΎΡ‚ΠΈΠ²Π½ΠΎΠΌ случаС, ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ просто Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ.

ΠŸΠΎΠ²Ρ‹ΡˆΠ°Π΅Ρ‚ Π»ΠΈ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΎΡ†Π΅Π½ΠΊΡƒ скорости сайта

Π’ Ρ†Π΅Π»ΠΎΠΌ, нСльзя ΠΎΠ΄Π½ΠΎΠ·Π½Π°Ρ‡Π½ΠΎ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΎΠ± ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΠΈ ΠΎΡ†Π΅Π½ΠΊΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ΠΌ. МногиС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Autoptimize Таловались Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ ΠΏΡ€ΠΎΠ²Π΅Π»ΠΈ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡŽ, Π½ΠΎ ΠΎΡ†Π΅Π½ΠΊΠ° Ρ‚Π°ΠΊ ΠΈ Π½Π΅ ΠΏΠΎΠ²Ρ‹ΡΠΈΠ»Π°ΡΡŒ. Π”Π°Π²Π°ΠΉΡ‚Π΅ разбСрСмся с этим вопросом. НачнСм с Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΡ†Π΅Π½ΠΊΠ° скорости Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π²Π΅Π±-сайта формируСтся ΠΈΠ· Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… Ρ„Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ². ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ – это лишь ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Ρ„Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ². НапримСр, Π΅ΡΡ‚ΡŒ Π΅Ρ‰Π΅ ΠΊΡΡˆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ страниц, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ²Ρ‹ΡΠΈΡ‚ΡŒ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ сайта ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΠΈ Π²Π΅Π±-сСрвСра. Но Π½Π΅ ΡΡƒΡ‚ΡŒ. Π‘Π°ΠΌ ΠΏΠ»Π°Π³ΠΈΠ½ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎ с Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ сайта. Он сТимаСт ΠΈ ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡ€ΡƒΠ΅Ρ‚ Ρ„Π°ΠΉΠ»Ρ‹ стилСй ΠΈ скриптов, удаляСт Π½Π΅Π½ΡƒΠΆΠ½Ρ‹Π΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ ΠΈ позволяСт Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΎΡ‚Π»ΠΎΠΆΠ΅Π½Π½Ρ‹ΠΉ CSS. Π­Ρ‚ΠΎ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Π΅Ρ‚ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ сайта, Π½ΠΎ Π½Π° ΠΎΡ†Π΅Π½ΠΊΡƒ это ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈ Π½Π΅ ΠΏΠΎΠ²Π»ΠΈΡΡ‚ΡŒ. Но здСсь ΠΏΠ»Π°Π³ΠΈΠ½ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎ-Π΄Ρ€ΡƒΠ³ΠΎΠΌΡƒ – с Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ±Ρ€Π°Ρ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Π΅ прСдупрСТдСния ΠΎΡ‚ PageSpeed.

ПолСзно: Ρ‚Π΅ΠΌΡ‹ для Π±Π»ΠΎΠ³Π° Π½Π° WordPress Π½Π°Ρ‡Π°Π»Π° 2021 Π³ΠΎΠ΄Π°

МоТно Π»ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Rocket Loader Cloudflare

Rocket Loader Cloudflare – это достаточно ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚Ρ‹ΠΉ ΠΈ ΠΎΡ‡Π΅Π½ΡŒ ΠΌΠΎΡ‰Π½Ρ‹ΠΉ способ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с JS Π±Π΅Π· Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²ΠΊΠΈ Ρ€Π΅Π½Π΄Π΅Ρ€ΠΈΠ½Π³Π°. Π­Ρ‚ΠΎΡ‚ инструмСнт Π²ΠΏΠΎΠ»Π½Π΅ Ρ…ΠΎΡ€ΠΎΡˆΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ с Autoptimize. Но ΠΈΠ½ΠΎΠ³Π΄Π° ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΎΠ·Π½ΠΈΠΊΠ°Ρ‚ΡŒ ΠΈ сбои Π² Ρ€Π°Π±ΠΎΡ‚Π΅. Π§Ρ‚ΠΎ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π²Π°ΠΌ ΠΏΠΎΡΠΎΠ²Π΅Ρ‚ΠΎΠ²Π°Ρ‚ΡŒ? Π‘Π½Π°Ρ‡Π°Π»Π° стоит ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Rocket Loader, послС этого ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΆΠ΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Autoptimize, Π° ΠΏΠΎΡ‚ΠΎΠΌ снова Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ Rocket Loader. Когда Π²Ρ‹ ΠΏΡ€ΠΎΠ΄Π΅Π»Π°Π΅Ρ‚Π΅ эти дСйствия, ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ всС Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ Π½Π°Π΄ΠΎ.

НуТна Π»ΠΈ автоматичСская оптимизация, Ссли ΡƒΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ HTTP/2

Π‘Ρ‚ΠΎΠΈΡ‚ Π·Π°ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ HTTP/2 – это просто большой шаг Π²ΠΏΠ΅Ρ€Π΅Π΄. Π­Ρ‚ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎ вмСсто большого количСства запросов ΠΊ сСрвСру, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄Π½ΠΎ соСдинСниС, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ сразу выполняСтся нСсколько запросов. Π”Π°, это позволяСт Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π²Π΅Π±-сайта. Но Π½Π΅ стоит ΠΈΡΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Ρ‚ΠΎΡ‚ Ρ„Π°ΠΊΡ‚ΠΎΡ€, Ρ‡Ρ‚ΠΎ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Π½Π΅ ограничиваСтся лишь ΠΏΠ°Ρ€ΠΎΠΉ инструмСнтов для ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ сайта. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π΄Π°ΠΆΠ΅ Ссли Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ HTTP/2 , Autoptimize всС Ρ€Π°Π²Π½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ»Π΅Π·Π΅Π½. Каким ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ? НапримСр, всС Π΅Ρ‰Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ смысл ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠ½ΠΊΠ°Ρ‚Π΅Π½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹ CSS ΠΈ JS. Π­Ρ‚ΠΎ Π½Π΅ СдинствСнный способ примСнСния дополнСния. Но Π²Π°ΠΌ стоит ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Autoptimize Π½Π° своСм Π²Π΅Π±-сайтС, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Ρƒ вас ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ связка HTTP/2+агрСгация ΠΈ минификация ΠΈΠ»ΠΈ HTTP/2 с Π°Π³Ρ€Π΅Π³Π°Ρ†ΠΈΠ΅ΠΉ, Π½ΠΎ Π±Π΅Π· ΠΌΠΈΠ½ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ ΠΈ тСстируйтС, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π³ΠΎΡ€Π°Π·Π΄ΠΎ большС, Ρ‡Π΅ΠΌ просто с ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠ΅ΠΉ Ρ„Π°ΠΉΠ»ΠΎΠ².

ПолСзно: Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ для WordPress: ΠΊΠ°ΠΊΠΈΠ΅ Π±Ρ‹Π²Π°ΡŽΡ‚, ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ

Как ΠΈΡΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ элСмСнты ΠΈΠ· ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ

Иногда Π±Ρ‹Π²Π°Π΅Ρ‚ Π½ΡƒΠΆΠ½ΠΎ ΠΈΡΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ элСмСнты ΠΈΠ· ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ. Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ прСдусмотрСли это, ΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π² список ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΉ Ρ‚Π΅ Ρ„Π°ΠΉΠ»Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ. Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ это ΠΌΠΎΠΆΠ½ΠΎ Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

  • ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»Π°. НуТно просто ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΏΡƒΡ‚ΡŒ ΠΊ Ρ„Π°ΠΉΠ»Ρƒ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½;
  • ΠΈΡΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ всС Ρ„Π°ΠΉΠ»Ρ‹ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ ΠΏΠ»Π°Π³ΠΈΠ½Π°. Для этого лишь Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ саму ΠΏΠ°ΠΏΠΊΡƒ с этими Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ;
  • ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ встроСнного ΠΊΠΎΠ΄Π°. Π­Ρ‚ΠΎ ΡƒΠΆΠ΅ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ слоТнСС, Π½ΠΎ Π²Π°ΠΌ достаточно Π½Π°ΠΉΡ‚ΠΈ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΡƒΡŽ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½ΡƒΡŽ строчку ΠΊΠΎΠ΄Π° ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π΅Π΅ Π² список ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΉ.

Π­Ρ‚ΠΎ всС, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π·Π½Π°Ρ‚ΡŒ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹ ΠΈΠ· ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ.

Ѐункция очистки кэша

Π”Π°, Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ автоматичСской очистки кэша Π² Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΈ Π½Π΅Ρ‚. Но Π½ΠΈΠΊΡ‚ΠΎ Π½Π΅ отмСнял Ρ€ΡƒΡ‡Π½ΠΎΠ΅ ΡƒΠ΄Π°Π»Π΅Π½ΠΈΠ΅ кэша. Π­Ρ‚Π° функция достаточно Ρ…ΠΎΡ€ΠΎΡˆΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚, Π½ΠΎ ΠΈΠ½ΠΎΠ³Π΄Π° ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΎΠ·Π½ΠΈΠΊΠ½ΡƒΡ‚ΡŒ нСбольшиС трудности. БСйчас ΠΌΡ‹ расскаТСм, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π² Ρ‚Π°ΠΊΠΈΡ… ситуациях. НапримСр, Π²Ρ‹ Π½Π°ΠΆΠΈΠ²Π°Π΅Ρ‚Π΅ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ кэш». ПослС этого Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ администратора ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹ΡΠΊΠΎΡ‡ΠΈΡ‚ΡŒ сообщСниС Β«Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, ваш кэш Π½Π΅ Π±Ρ‹Π» ΡƒΡΠΏΠ΅ΡˆΠ½ΠΎ ΠΎΡ‡ΠΈΡ‰Π΅Π½Β». Π§Ρ‚ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ Π² этом случаС? Достаточно просто ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π½Π° страницу настройки автоматичСской ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΈ Π½Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ измСнСния ΠΈ ΠΎΡ‡ΠΈΡΡ‚ΠΈΡ‚ΡŒ кэш».

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ опускаСт кэш Π΄ΠΎ нуля. Π­Ρ‚ΠΎ ΠΈΠ·-Π·Π° Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Autoptimize сразу послС очистки автоматичСски Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅Ρ‚ кэш Π·Π°Π½ΠΎΠ²ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΡΠΊΠΎΡ€ΠΈΡ‚ΡŒ Π΄Π°Π»ΡŒΠ½Π΅ΠΉΡˆΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ с Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ сайта.

ПолСзно: WP Super Cache ΠΊΠ°ΠΊ инструмСнт Ρ€Π°Π·Π³Ρ€ΡƒΠ·ΠΊΠΈ вашСго сайта WordPress

Π‘Ρ‚ΠΎΠΈΡ‚ Π»ΠΈ своих Π΄Π΅Π½Π΅Π³ платная вСрсия Autoptimize

Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ поставляСтся бСсплатно, Π½ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΠ½ΠΎ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ. РазумССтся, Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Π°Ρ вСрсия Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя Π³ΠΎΡ€Π°Π·Π΄ΠΎ большС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»Π°, Ρ‡Π΅ΠΌ бСсплатная. Pro вСрсия поставляСтся Π² Π΄Π²ΡƒΡ… Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°Ρ… – Expert ΠΈ Complete Speed. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΠΌ, Ρ‡Ρ‚ΠΎ Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ Π² сСбя ΠΎΠ±Π° Ρ‚Π°Ρ€ΠΈΡ„Π°.

Autoptimize Expert. Π‘Ρ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ этой вСрсии – 299 Π΅Π²Ρ€ΠΎ. Π—Π° Ρ‚Π°ΠΊΡƒΡŽ сумму Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚Π΅ вСсь Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π» бСсплатной вСрсии, Π½ΠΎ ΠΏΡ€ΠΈ этом Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΠ»ΠΈ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ:

  • ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Π°Ρ конфигурация, которая ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΠΎΠ²Π°Π½Π° ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎ ΠΊ Π²Π°ΡˆΠ΅ΠΌΡƒ Π²Π΅Π±-сайту;
  • надстройка criticalcss, которая позволяСт Π΅Ρ‰Π΅ сильнСС ΡƒΡΠΊΠΎΡ€ΠΈΡ‚ΡŒ Π²Π΅Π±-сайт.

Complete Speed Optimozation. Π­Ρ‚ΠΎΡ‚ Ρ‚Π°Ρ€ΠΈΡ„ стоит 799 Π΅Π²Ρ€ΠΎ, ΠΈ ΠΎΠ½ Π΅Ρ‰Π΅ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя ΠΎΡ‚Ρ‡Π΅Ρ‚Ρ‹ со сравнСниями Π΄ΠΎ ΠΈ послС. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΠΌ, ΠΊΠ°ΠΊΠΈΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ входят Π² этот Ρ‚Π°Ρ€ΠΈΡ„:

  • всС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΅ΡΡ‚ΡŒ Π² Autoptimize Expert;
  • конфигурация ΠΊΡΡˆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ, ΠΊΠ°ΠΊ Π½Π° сторонС ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°, Ρ‚Π°ΠΊ ΠΈ Π½Π° сторонС сСрвСра;
  • оптимизация ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ;
  • ΠΎΡ‚Ρ‡Π΅Ρ‚Ρ‹ ΠΏΠΎ всСй Ρ€Π°Π±ΠΎΡ‚Π΅, ΠΏΡ€ΠΎΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΉ Π½Π° сайтС.

Оба Ρ‚Π°Ρ€ΠΈΡ„Π° Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ Π² сСбя ΠΏΡ€Π΅ΠΌΠΈΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ, поэтому Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒΡΡ ΠΊ спСциалистам Π·Π° ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ. Когда Π²Ρ‹ ΠΎΠΏΠ»Π°Ρ‚ΠΈΡ‚Π΅ любой ΠΈΠ· этих Ρ‚Π°Ρ€ΠΈΡ„ΠΎΠ², Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ сами Π·Π°ΠΉΠ΄ΡƒΡ‚ Π½Π° сайт ΠΈ Π±ΡƒΠ΄ΡƒΡ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π°Π΄ Π΅Π³ΠΎ ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½ΠΎΠΉ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠ΅ΠΉ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ это Π΄Π°ΠΆΠ΅ Π½Π΅ Π·Π°ΠΉΠΌΠ΅Ρ‚ ΠΌΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ. Π’Π°ΠΊΠΆΠ΅ стоит ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Ссли Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΏΠ΅Ρ€Π΅ΠΏΡ€ΠΎΠ±ΡƒΡŽΡ‚ всС, Π° ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ сайта Π½Π΅ повысится, Ρ‚ΠΎ ΠΎΠ½ΠΈ Π²Π΅Ρ€Π½ΡƒΡ‚ всС ΠΏΠΎΡ‚Ρ€Π°Ρ‡Π΅Π½Π½Ρ‹Π΅ срСдства.

ΠžΡ‚Π·Ρ‹Π²Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ

Π’Π΅ΠΏΠ΅Ρ€ΡŒ, ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ рассмотрСли ΡΡƒΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ΠΌ ΠΈ ΡƒΠ·Π½Π°Π»ΠΈ, ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ основныС ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΊ Ρ‚Π΅ΠΌΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΎΠΏΡ‹Ρ‚Π°. Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π΄ΠΎΠ»Π³ΠΎ Ρ€Π°ΡΠΏΠΈΡΡ‹Π²Π°Ρ‚ΡŒ всС возмоТности своСго ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°. Но ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ это всС ΠΌΠΎΠΆΠ½ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ воспользовавшись ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ. Когда Π΅ΡΡ‚ΡŒ ΠΎΡ‚Π·Ρ‹Π²Ρ‹, Π΄Π°ΠΆΠ΅ Π½Π΅ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠΈΠ°Π»ΡŒΠ½ΠΎ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚ΠΎΡΠΏΠΎΡΠΎΠ±Π½ΠΎΡΡ‚ΡŒ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ. МоТно просто ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ ΠΌΠ½Π΅Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΈ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ свои Π²Ρ‹Π²ΠΎΠ΄Ρ‹. Π’ΠΎΡ‚ Ρ‡Ρ‚ΠΎ ΠΏΠΈΡˆΡƒΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Autoptimize: Β«ΠΏΠ»Π°Π³ΠΈΠ½ Autoptimize – это просто ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅. Он Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ускорил врСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΠΌΠΎΠ΅Π³ΠΎ Π²Π΅Π±-сайта. К слову, я использовал Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ это Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅. Π£ мСня Π±Ρ‹Π»Π° связка Autoptimize + CriticalCSS + W3 Total Cache. НСзависимо ΠΎΡ‚ Ρ‚ΠΈΠΏΠ° устройства ΠΈ пропускной способности ΠΌΠΎΠ΅Π³ΠΎ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°, сайта загруТался ΠΎΡ‡Π΅Π½ΡŒ быстро», Β«ΠΌΠ½Π΅ Ρ…ΠΎΡ‚Π΅Π»ΠΎΡΡŒ Π±Ρ‹ большС внимания ΡƒΠ΄Π΅Π»ΠΈΡ‚ΡŒ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ. Команда ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ всС врСмя ΠΏΠΎΠΌΠΎΠ³Π°Π»Π° ΠΌΠ½Π΅ Ρ€Π΅ΡˆΠ°Ρ‚ΡŒ всС ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ с Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ΠΌ. И это Π΅Ρ‰Π΅ ΠΏΡ€ΠΈ Ρ‚ΠΎΠΌ условии, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π»Π°ΡΡŒ совсСм Π½Π΅ Π² ΠΏΠ»Π°Π³ΠΈΠ½Π΅. Но, нСсмотря Π½Π° это, рСбята ΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Π»ΠΈ Π½ΠΎΠ²Ρ‹Π΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ ΠΈ ΠΏΠΎΠΌΠΎΠ³Π°Π»ΠΈ ΠΌΠ½Π΅, ΠΏΠΎΠΊΠ° ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ Π½Π΅ Π±Ρ‹Π»Π° ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ устранСна».

Π’ ΠΎΠ±Ρ‰Π΅ΠΌ, Π²ΠΎΡ‚ Ρ‚Π°ΠΊ ΠΎΡ‚Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ. На страницС с ΠΎΡ‚Π·Ρ‹Π²Π°ΠΌΠΈ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ Π΅Ρ‰Π΅ ΠΎΡ‡Π΅Π½ΡŒ большоС количСство Π΄Ρ€ΡƒΠ³ΠΈΡ… сообщСний. И стоит ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΎΡ‚Π²Π΅Ρ‡Π°ΡŽΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ Π΄Π°ΠΆΠ΅ Π½Π° ΠΎΡ‚Π·Ρ‹Π²Ρ‹.

Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

Autoptimize – ΠΎΡ‡Π΅Π½ΡŒ ΠΌΠΎΡ‰Π½Ρ‹ΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ для автоматичСской ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ вашСго Π²Π΅Π±-сайта. Π‘Ρ‚ΠΎΠΈΡ‚ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ ΡƒΠΆΠ΅ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΏΠΎΡ‡Ρ‚ΠΈ всС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½ΡƒΠΆΠ½Ρ‹ для ускорСния сайта. И самоС Π³Π»Π°Π²Π½ΠΎΠ΅ – Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΏΠΎΡΡ‚Π°Ρ€Π°Π»ΠΈΡΡŒ Π½Π°Π΄ Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π² ΠΏΠ»Π°Π³ΠΈΠ½Π΅ Π½Π΅ Π±Ρ‹Π»ΠΎ Ρ‚Π΅Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠΌΠ΅ΡˆΠ°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Π΅ рСсурса. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ спокойно ΡΠΊΠ°Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅, Π° Ссли понадобится, Ρ‚ΠΎ ΠΈ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒΡΡ ΠΊ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ Π·Π° комплСксной ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠ΅ΠΉ.

Плагин для ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ CSS, JS ΠΈ HTML ΠΊΠΎΠ΄Π° Π½Π° WordPress Autoptimize β€” настройка, тСсты, описаниС

Π”ΠΎΠ±Ρ€Ρ‹ΠΉ дСнь, Π΄Ρ€ΡƒΠ·ΡŒΡ. Быстрый сайт с минимальной Π½Π°Π³Ρ€ΡƒΠ·ΠΊΠΎΠΉ Π½Π° хостинг – ΠΈΠ΄Π΅Π°Π» для любого вСбмастСра. Π§Ρ‚ΠΎΠ±Ρ‹ Π΅Π³ΠΎ Π΄ΠΎΡΡ‚ΠΈΡ‡ΡŒ приходится Π½Π΅ΠΌΠ°Π»ΠΎ ΠΏΠΎΡ‚Ρ€ΡƒΠ΄ΠΈΡ‚ΡŒΡΡ. Π’ постС ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΡƒΡΠΊΠΎΡ€ΠΈΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ сайта ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ² я ΡƒΠΏΠΎΠΌΠΈΠ½Π°Π» ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡŽ CSS, JS ΠΈ HTML ΠΊΠΎΠ΄Π°, Ρ‚Π°ΠΌ ΠΆΠ΅ Π΄Π°Π²Π°Π» сСрвисы, Π³Π΄Π΅ ΠΌΠΎΠΆΠ½ΠΎ это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ. А сСгодня я расскаТу ΠΎ WordPress ΠΏΠ»Π°Π³ΠΈΠ½Π΅ Autoptimize, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ всё это ΠΌΠΎΠΆΠ΅Ρ‚ Π΄Π΅Π»Π°Ρ‚ΡŒ прямо Π½Π° вашСм сайтС Π² автоматичСском Ρ€Π΅ΠΆΠΈΠΌΠ΅, ΠΈ ΠΏΠΎΠΊΠ°ΠΆΡƒ, ΠΊΠ°ΠΊ Π΅Π³ΠΎ ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½ΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ.

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅:

  • Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹ тСста скорости сайта с ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ Autoptimize;
  • Π§Ρ‚ΠΎ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΈ Π² Ρ‡Π΅ΠΌ Π΅Π³ΠΎ прСимущСства;
  • Настройка ΠΏΠ»Π°Π³ΠΈΠ½Π° Autoptimize;
  • РСзюмС.

ЕстСствСнно, Ρ‡Ρ‚ΠΎ каТдая надстройка ΠΊ сайту – это лишний ΠΊΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ сам ΠΏΠΎ сСбС Ρ‚ΠΎΠΆΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ Ρ‚Ρ€Π΅Π±ΠΎΠ²Π°Ρ‚ΡŒ врСмя Π½Π° ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ ΠΈ Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒ мСсто, поэтому, ΠΏΠ»Π°Π³ΠΈΠ½ Π·Π°Π΄Π°Ρ‡Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² сниТСнии Π²Ρ‹Ρ‡ΠΈΡΠ»ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… мощностСй сСрвСров ΠΈ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ΠΎΠ², Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΡ€ΠΎΡ…ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ испытания. И Π½Π°Ρ‡Π°Ρ‚ΡŒ свой рассказ я Ρ€Π΅ΡˆΠΈΠ» с тСста скорости сайта с Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Π½Ρ‹ΠΌ ΠΈ Π²Ρ‹ΠΊΠ»ΡŽΡ‡Π΅Π½Π½Ρ‹ΠΌ Autoptimize – Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ ΠΏΠΎΠ½ΠΈΠΌΠ°Π»ΠΈ, Ρ‡Π΅Π³ΠΎ стоит ΠΆΠ΄Π°Ρ‚ΡŒ ΠΎΡ‚ Π΅Π³ΠΎ установки.

Π‘ΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ сайта с ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ Autoptimize

Π¦ΠΈΡ„Ρ€Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ это Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅, Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΌ сайтС Π±ΡƒΠ΄ΡƒΡ‚ свои ΠΈ сильно зависят ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, насколько ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½ рСсурс ΠΈΠ·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ – ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΊΠΎΠ΄ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ Π±ΡƒΠ΄Π΅Ρ‚ слоТно, Π° Π²ΠΎΡ‚ ΠΏΠ»ΠΎΡ…ΠΎΠΉ поддаСтся ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ Π·Π°ΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ.

Для ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° я ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ взял сайт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈ Π² чистом Π²ΠΈΠ΄Π΅ (Π±Π΅Π· ΠΏΠ»Π°Π³ΠΈΠ½Π°) ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π» высокий Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ Π² PageSpeed Insights ΠΎΡ‚ Google ΠΈ сСрвисах ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ скорости Π½Π°ΠΏΠΎΠ΄ΠΎΠ±ΠΈΠ΅ tools.pingdom.com.

Для ΠΎΡ†Π΅Π½ΠΊΠΈ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ сСрвис Pingdom – ΠΎΠ½ измСряСт врСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ, количСство запросов ΠΊ сайту, объСм Π΄Π°Π½Π½Ρ‹Ρ… страницы ΠΈ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ запрос ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ Π² подробностях.

Π’Π°ΠΌ ситуация ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π°Ρ:

Π‘ΡƒΠ±ΡŠΠ΅ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³ скорости ΠΎΡ‚ Google Pagespeed Insign здСсь Ρ‚ΠΎΠΆΠ΅ присутствуСт ΠΈ Π²ΠΈΠ΄Π½ΠΎ, Ρ‡Ρ‚ΠΎ ΠΏΠΎ Π½Π΅ΠΌΡƒ сайт с 77 Π±Π°Π»Π»ΠΎΠ² поднялся Π΄ΠΎ 86. Но интСрСсны Π±ΠΎΠ»Π΅Π΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»ΠΈ, Π° ΠΈΠΌΠ΅Π½Π½ΠΎ:

  1. УмСньшился вСс страницы с 931 ΠΊΠ± Π΄ΠΎ 914 ΠΊΠ±;
  2. Бнизилось число запросов ΠΊ сайту с 70 Π΄ΠΎ 55;
  3. Как ΠΈΡ‚ΠΎΠ³, сниТСниС скорости Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π² ΠΏΠΎΠ»Ρ‚ΠΎΡ€Π° Ρ€Π°Π·Π° с 1,48 с, Π΄ΠΎ 0,968 с.

Польза ΠΎΠ΄Π½ΠΎΠ·Π½Π°Ρ‡Π½ΠΎ Π΅ΡΡ‚ΡŒ ΠΈ Π²ΠΈΠ΄Π½Π° Π½Π΅Π²ΠΎΠΎΡ€ΡƒΠΆΠ΅Π½Π½Ρ‹ΠΌ взглядом.

Π§Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ ΠΏΠ»Π°Π³ΠΈΠ½ Autoptimize с сайтом

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ выполняСмых Π΄Π°Π½Π½Ρ‹ΠΌ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ Π΄Π²Π΅:

  • чистка ΠΊΠΎΠ΄Π°;
  • объСдинСниС Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Ρ„Π°ΠΉΠ»ΠΎΠ² Π² ΠΎΠ΄ΠΈΠ½.

Под чисткой ΠΊΠΎΠ΄Π° понимаСтся ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅ – ΠΈΠ· Π½Π΅Π³ΠΎ ΡƒΠ΄Π°Π»ΡΡŽΡ‚ΡΡ всС ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹, пСрСносы строк ΠΈ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ, Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡ‹Π΅ Ρ‡Π΅Ρ€Π΅Π· Π±Ρ€Π°ΡƒΠ·Π΅Ρ€.

ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Π²ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π±Ρ‹Π»ΠΎ ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ‚ΡŒ какая Ρ‡Π°ΡΡ‚ΡŒ ΠΊΠΎΠ΄Π° Π·Π° Ρ‡Ρ‚ΠΎ ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ ΠΈ ΠΏΡ€ΠΈ Π±ΡƒΠ΄ΡƒΡ‰ΠΈΡ… ΠΏΡ€Π°Π²ΠΊΠ°Ρ… Π½Π΅ ΠΏΡ€ΠΈΡ…ΠΎΠ΄ΠΈΠ»ΠΎΡΡŒ Π΄ΠΎΠ»Π³ΠΎ ΠΈΡΠΊΠ°Ρ‚ΡŒ Π½ΡƒΠΆΠ½ΠΎΠ΅ мСсто. По Π²ΠΈΠ΄Ρƒ это конструкции <!β€” тСкст β€”>. На страницах сайта ΠΎΠ½ΠΈ Π½Π΅ Π²ΠΈΠ΄Π½Ρ‹, Π½ΠΎ ΠΏΡ€ΠΈΡΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‚ Π² исходном ΠΊΠΎΠ΄Π΅ ΠΈ, соотвСтствСнно, ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°ΡŽΡ‚ Π΅Π³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€.

Π£Π²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°ΡŽΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠΎΠ΄Π° ΠΈ всС ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹, пСрСносы строк, табуляции, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ примСняСм для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΊΠΎΠ΄ Π±Ρ‹Π» Π»Π΅Π³ΠΊΠΎ Ρ‡ΠΈΡ‚Π°Π΅ΠΌ ΠΈ структурирован. Для ΠΌΠ°ΡˆΠΈΠ½Ρ‹ Π½ΠΈΠΊΠ°ΠΊΠΎΠΉ Ρ€Π°Π·Π½ΠΈΡ†Ρ‹, с Π½ΠΎΠ²ΠΎΠΉ строчки Ρƒ вас Ρ‚Π΅Π³ ΠΈΠ»ΠΈ Π² Ρ‚ΠΎΠΉ ΠΆΠ΅ самой.

Π‘ΠΆΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄, ΡƒΠ΄Π°Π»ΠΈΠ² ΠΈΠ· Π½Π΅Π³ΠΎ всё лишнСС ΠΌΠΎΠΆΠ½ΠΎ ΠΈ Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ Π² Ρ„Π°ΠΉΠ»Π°Ρ… сайта, Π½ΠΎ Ρƒ ΠΏΠ»Π°Π³ΠΈΠ½Π° Autoptimize Ρ‚ΡƒΡ‚ прСимущСство – ΠΎΠ½ Π½Π΅ ΠΏΡ€Π°Π²ΠΈΡ‚ исходныС Ρ„Π°ΠΉΠ»Ρ‹, Π° создаСт Π½ΠΎΠ²Ρ‹Π΅, помСщая ΠΈΡ… Π² кэш. ΠŸΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚ΡΡ, Ρ‡Ρ‚ΠΎ ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΡŒ сайта Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅Ρ‚ Ρ„Π°ΠΉΠ»Ρ‹ ΠΈΠ· кэша, Π° Π²Ρ‹ Π² любой ΠΌΠΎΠΌΠ΅Π½Ρ‚ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ CSS ΠΈΠ»ΠΈ JS ΠΊΠΎΠ΄ вашСго сайта Π² Π²ΠΈΠ΄Π΅ ΡƒΠ΄ΠΎΠ±Π½Ρ‹Ρ… Π²ΠΎΡΠΏΡ€ΠΈΡΡ‚ΠΈΡŽ исходников с ΠΏΡ€ΠΎΠ±Π΅Π»Π°ΠΌΠΈ, пСрСносами строк ΠΈ коммСнтариями. ΠŸΠΎΡ‚ΠΎΠΌ ваши измСнСния ΠΏΠ»Π°Π³ΠΈΠ½ сам соТмСт ΠΈ ΠΎΠ±Π½ΠΎΠ²ΠΈΡ‚ кэш.

Вторая функция ΠΏΠ»Π°Π³ΠΈΠ½Π° Autoptimize – объСдинСниС Ρ„Π°ΠΉΠ»ΠΎΠ². ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ„Π°ΠΉΠ» Π½Π° сайтС – это лишний запрос ΠΊ сСрвСру со стороны Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°, Π° ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ запрос создаСт лишнюю Π½Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ. Π’ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Π² ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅ΠΌ ΠΏΡƒΠ½ΠΊΡ‚Π΅ Π²Ρ‹ Π²ΠΈΠ΄Π΅Π»ΠΈ, Ρ‡Ρ‚ΠΎ лишниС 15 запросов ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Π»ΠΈ врСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π½Π° ΠΏΠΎΠ» сСкунды. А Ссли сайт Ρƒ вас большой ΠΈ посСщаСмый, Ρ‚ΠΎ ΠΊ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ добавится Π΅Ρ‰Π΅ ΠΈ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½Π½ΠΎΠΉ Π½Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π½Π° сСрвСр, ΠΈ хостинг-ΠΏΡ€ΠΎΠ²Π°ΠΉΠ΄Π΅Ρ€ Π±ΡƒΠ΄Π΅Ρ‚ Ρ‚Ρ€Π΅Π±ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° Π½Π° Π±ΠΎΠ»Π΅Π΅ Π΄ΠΎΡ€ΠΎΠ³ΠΎΠΉ Ρ‚Π°Ρ€ΠΈΡ„.

ΠšΡ€ΠΎΠΌΠ΅ этих основных ΠΌΠΎΠΌΠ΅Π½Ρ‚ΠΎΠ² Autoptimize ΡƒΠΌΠ΅Π΅Ρ‚ Π΅Ρ‰Π΅ ΠΊΠΎΠ΅-Ρ‡Ρ‚ΠΎ – Π·Π°ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Π΅ изобраТСния, ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ вносимыС Π² Π²ΠΈΠ΄Π΅ ссылок Π² CSS Ρ„Π°ΠΉΠ»Ρ‹ Π½Π° ΠΈΡ… ΠΊΠΎΠ΄ (Π»ΡŽΠ±ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π² Π²ΠΈΠ΄Π΅ ΠΊΠΎΠ΄Π°). Π­Ρ‚ΠΎ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ количСство запросов ΠΊ сСрвСру.

Иногда Π±Ρ‹Π²Π°Π΅Ρ‚ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ CSS ΠΈ JS Ρ„Π°ΠΉΠ»ΠΎΠ² с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ»Π°Π³ΠΈΠ½Π° Π²ΠΎΠ·Π½ΠΈΠΊΠ°ΡŽΡ‚ сбои ΠΈΠ»ΠΈ ΠΊΠΎΠ½Ρ„Π»ΠΈΠΊΡ‚Ρ‹. Для Ρ‚Π°ΠΊΠΈΡ… ситуаций Π² Autoptimize ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ скрипты ΠΈ Ρ„Π°ΠΉΠ»Ρ‹ стилСй, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠ½ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚, ΠΈ оставит Π² исходном Π²ΠΈΠ΄Π΅. Если Ρƒ вас сайт Π½Π°Ρ‡Π°Π» ΠΊΡ€ΠΈΠ²ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ ΠΈΠ»ΠΈ ΠΊΠ°ΠΊΠΎΠΉ-Ρ‚ΠΎ скрипт Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚, Ρ‚ΠΎ сдСлайтС для Π½Π΅Π³ΠΎ ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅. НапримСр, Ρƒ мСня ΠΊΠΎΠ½Ρ„Π»ΠΈΠΊΡ‚ получился с JS-скриптом, выводящим ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтСй, поэтому ΠΎΡ‚Π²Π΅Ρ‡Π°ΡŽΡ‰ΠΈΠΉ Π·Π° Π½ΠΈΡ… Π½Π΅ оптимизируСтся. Как это Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΠΎΠΊΠ°ΠΆΡƒ Π² настройках.

Настройка ΠΏΠ»Π°Π³ΠΈΠ½Π° Autoptimize

Для Π½Π°Ρ‡Π°Π»Π° ΠΏΠ»Π°Π³ΠΈΠ½ Π½Π°Π΄ΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ. Он Π΅ΡΡ‚ΡŒ Π² ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΌ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π΅ WordPress, поэтому Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Π½ΠΈΡ‡Π΅Π³ΠΎ ΡΠΊΠ°Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ – ΠΈΡ‰Π΅Ρ‚Π΅ ΠΏΠΎ названию Β«AutoptimizeΒ». Если Π΅Ρ‰Π΅ Π½Π΅ ΡƒΠΌΠ΅Π΅Ρ‚Π΅ ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹, Ρ‚ΠΎ ΠΈΠ½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΡŽ ΠΏΠΎ установкС Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ здСсь.

ПослС Π°ΠΊΡ‚ΠΈΠ²Π°Ρ†ΠΈΠΈ, Π² Π»Π΅Π²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ, Π² ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ настройки появится Π²ΠΎΡ‚ такая Π²ΠΊΠ»Π°Π΄ΠΊΠ°:

Π‘Π°ΠΌ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΏΠΎΠΊΠ° ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Π° Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ вас ΠΆΠ΄Π΅Ρ‚ английский язык, хотя Π΄Π°ΠΆΠ΅ тСхничСский ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄ ΠΎΡ‚ ЯндСкса ΠΈΠ»ΠΈ Google сдСлаСт Π²Π°ΠΌ понятными Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ настроСк Autoptimize.

Π― расскаТу ΠΎ Π½ΠΈΡ… ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅.

Настройка HTML сТатия

Π― Π²Ρ‹ΡˆΠ΅ ΡƒΠΆΠ΅ Π³ΠΎΠ²ΠΎΡ€ΠΈΠ», Ρ‡Ρ‚ΠΎ ΠΏΠ»Π°Π³ΠΈΠ½ позволяСт Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Π° Ρ‡Ρ‚ΠΎ Π½Π΅Ρ‚. ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ Π±Π»ΠΎΠΊ настроСк касаСтся HTML ΠΊΠΎΠ΄Π°.

ΠŸΠ΅Ρ€Π²Π°Ρ Π³Π°Π»ΠΎΡ‡ΠΊΠ° Β«Optimize HTML code?Β» Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ сТатиС.

Вторая Β«Keep HTML comments?Β» позволяСт ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΡƒΠ΄Π°Π»Π΅Π½ΠΈΠ΅ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π² Π² тСкстС. ΠŸΠΎΡΡ‚Π°Π²ΠΈΡ‚Π΅ Π³Π°Π»ΠΎΡ‡ΠΊΡƒ β€” ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ Π±ΡƒΠ΄ΡƒΡ‚ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒΡΡ, Π½ΠΎ ΠΊΠΎΠ΄ Π±ΡƒΠ΄Π΅Ρ‚ Π²Π΅ΡΠΈΡ‚ΡŒ большС.

ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ JavaScript

Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ Π±Π»ΠΎΠΊ настроСк Autoptimize ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π·Π° JS-скрипты.

ΠŸΠ΅Ρ€Π²Π°Ρ Π³Π°Π»ΠΊΠ° ΠΏΠΎ Ρ‚Ρ€Π°Π΄ΠΈΡ†ΠΈΠΈ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡŽ.

Π’Ρ‚ΠΎΡ€ΠΎΠΉ ΠΏΡƒΠ½ΠΊΡ‚ Β«Force JavaScript in <head>Β» позволяСт всС скрипты сайта пСрСнСсти ΠΈΠ· Ρ„Π°ΠΉΠ»ΠΎΠ² Π² Ρ€Π°Π·Π΄Π΅Π» <head> HTML ΠΊΠΎΠ΄Π° сайта. Π­Ρ‚ΠΎ ΠΈΠ·Π±Π°Π²ΠΈΡ‚ ΠΎΡ‚ Π»ΠΈΡˆΠ½ΠΈΡ… запросов ΠΊ Ρ„Π°ΠΉΠ»Π°ΠΌ ΠΈ, ΠΈΠ½ΠΎΠ³Π΄Π°, ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠ·Π±Π°Π²ΠΈΡ‚ΡŒΡΡ ΠΎΡ‚ сбоя. Но Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ скрипты Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части ΠΊΠΎΠ΄Π° страницы Π½Π΅ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽΡ‚ поисковики, поэтому я этот ΠΏΡƒΠ½ΠΊΡ‚ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ.

Π’Ρ€Π΅Ρ‚ΠΈΠΉ ΠΏΡƒΠ½ΠΊΡ‚ позволяСт ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ скрипты, Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π½Ρ‹Π΅ нСпосрСдствСнно Π² ΠΊΠΎΠ΄Π΅ страницы. Но сами Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΏΡ€Π΅Π΄ΡƒΠΏΡ€Π΅ΠΆΠ΄Π°ΡŽΡ‚, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π΄Π°Π½Π½ΠΎΠΉ ΠΎΠΏΡ†ΠΈΠ΅ΠΉ стоит остороТно. ΠŸΡ€ΠΈ Ρ‚Π°ΠΊΠΈΡ… рСкомСндациях Π»ΡƒΡ‡ΡˆΠ΅ ΠΏΡƒΠ½ΠΊΡ‚ ΠΏΡ€ΠΎΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ.

Π‘Ρ‚Ρ€ΠΎΡ‡ΠΊΠ° Β«Exclude scripts from AutoptimizeΒ» содСрТит Ρ‚Π΅ скрипты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠ»Π°Π³ΠΈΠ½ Ρ‚Ρ€ΠΎΠ³Π°Ρ‚ΡŒ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚. Π’ Π½Π΅ΠΉ Ρ‡Π΅Ρ€Π΅Π· Π·Π°ΠΏΡΡ‚ΡƒΡŽ ΠΏΠ΅Ρ€Π΅Ρ‡ΠΈΡΠ»ΡΡŽΡ‚ΡΡ Ρ„Π°ΠΉΠ»Ρ‹ с ΡƒΠΊΠ°Π·Π°Π½ΠΈΠ΅ΠΌ ΠΏΡƒΡ‚ΠΈ Π΄ΠΎ Π½ΠΈΡ…. Когда ΠΎΠ΄ΠΈΠ½ ΠΈΠ· скриптов Π·Π°ΠΊΠ°ΠΏΡ€ΠΈΠ·Π½ΠΈΡ‡Π°Π΅Ρ‚ ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ послС ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ Π½Π΅ Π·Π°Ρ…ΠΎΡ‡Π΅Ρ‚ – добавляйтС Π΅Π³ΠΎ сюда.

ПослСдняя Π³Π°Π»ΠΎΡ‡ΠΊΠ° Β«Add try-catch wrappingΒ» β€” это способ ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ. ΠœΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π½Π°Π»Π°Π΄ΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ Ρ‡Π΅Ρ€Π΅Π· ΠΏΠ»Π°Π³ΠΈΠ½ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ ΠΊΠ°ΠΏΡ€ΠΈΠ·Π½Ρ‹ΠΌ ΠΊΠΎΠ΄Π°ΠΌ, Ссли ΠΎΠ½ΠΈ Π½Π΅ захотят ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΡ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ.

Настройка ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ CSS стилСй

Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΎ стилях. CSS Ρ„Π°ΠΉΠ»Ρ‹ Π±Ρ‹Π²Π°ΡŽΡ‚ ΠΎΡ‡Π΅Π½ΡŒ большими ΠΈ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Ρ‹ Π·Π°Ρ‡Π°ΡΡ‚ΡƒΡŽ ΠΏΠ»ΠΎΡ…ΠΎ. Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ сразу Π²ΠΊΠ»ΡŽΡ‡Π°ΠΉΡ‚Π΅ ΠΈΡ… сТатиС.

Вторая Π³Π°Π»ΠΎΡ‡ΠΊΠ° Β«Generate data: URIs for imagesΒ» ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΡƒΠ΅Ρ‚ малСнькиС изобраТСния ΠΈΠ· CSS Ρ„Π°ΠΉΠ»Π° Π² ΠΈΡ… ΠΊΠΎΠ΄Ρ‹.

Π’Ρ€Π΅Ρ‚ΠΈΠΉ ΠΏΡƒΠ½ΠΊΡ‚ Β«Also aggregate inline CSSΒ» ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΠ΅Ρ‚ стили, находящиСся нСпосрСдствСнно Π² HTML ΠΊΠΎΠ΄Π΅ страницы.

ΠŸΡƒΠ½ΠΊΡ‚ Β«Inline and Defer CSSΒ» позволяСт Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ Π²Π½Π°Ρ‡Π°Π»Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ стили сайта, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ для Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части страницы, Π² Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Π΅ Π±ΡƒΠ΄ΡƒΡ‚ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½Ρ‹ ΠΏΠΎΠ·ΠΆΠ΅.

Β«Inline all CSSΒ» β€” это Π²Ρ‹Π±ΠΎΡ€, Π½Π΅ ΠΈΠΌΠ΅ΡŽΡ‰ΠΈΠΉ ΠΎΠ΄Π½ΠΎΠ·Π½Π°Ρ‡Π½ΠΎΠ³ΠΎ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ. Π’Ρ‹Π±ΠΎΡ€ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ избавляСт страницу ΠΎΡ‚ CSS Ρ„Π°ΠΉΠ»Π°, Π° всС стили встраиваСт прямо Π² HTML ΠΊΠΎΠ΄. Π—Π° счСт этого становится мСньшС запросов ΠΊ сСрвСру, Π½ΠΎ Π΄Π°Π½Π½Ρ‹Π΅ ΠΈΠ· CSS Ρ„Π°ΠΉΠ»Π° Π½Π΅ ΠΊΡΡˆΠΈΡ€ΡƒΡŽΡ‚ΡΡ ΠΈ каТдая новая страница, просмотрСнная ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ, Π²Ρ‹Π½ΡƒΠΆΠ΄Π°Π΅Ρ‚ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒΡΡ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ всС Ρ‚Π°Π±Π»ΠΈΡ†Π΅ стилСй. Если Π² срСднСм ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ сайта смотрит нСсколько страниц, Ρ‚ΠΎ Π²Ρ‹Π³ΠΎΠ΄Π½Π΅Π΅ Π³Π°Π»ΠΎΡ‡ΠΊΡƒ Π½Π΅ ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ, ΠΏΡƒΡΡ‚ΡŒ стили грузятся ΠΈΠ· кэша Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠΌ Ρ„Π°ΠΉΠ»Π΅. Если ΠΆΠ΅ просмотром Π½Π° ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΌΠ°Π»ΠΎ, Ρ‚ΠΎ Π²Ρ‹Π±ΠΎΡ€ ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ.

ПослСдний ΠΏΡƒΠ½ΠΊΡ‚ Β«Exclude CSS from AutoptimizeΒ» β€” ΠΏΠΎΠ»Π΅ для установки ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΉ (ΠΊΠ°ΠΊΠΈΠ΅ CSS Ρ„Π°ΠΉΠ»Ρ‹ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒΡΡ Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚).

ΠžΡΡ‚Π°Π»ΡŒΠ½Ρ‹Π΅ Π²Π°ΠΆΠ½Ρ‹Π΅ настройки Autoptimize

Β«CDN OptionsΒ» β€” заполняСтся, Ссли сайт Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ Π² ΡΠ΅Ρ‚ΡŒ CDN. НС Π·Π½Π°Π΅Ρ‚Π΅ Ρ‡Ρ‚ΠΎ это Ρ‚Π°ΠΊΠΎΠ΅? – Π·Π½Π°Ρ‡ΠΈΡ‚, ΠΎΠ½ Ρƒ вас Π½Π΅ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ Ρ‚ΡƒΠ΄Π° – пропускайтС смСло.

Β«Misc OptionsΒ» ΠΈΠΌΠ΅Π΅Ρ‚ 2 ΠΏΡƒΠ½ΠΊΡ‚Π°:

ΠŸΠ΅Ρ€Π²Π°Ρ Π³Π°Π»ΠΊΠ° Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Π° – ΠΎΠ½Π° Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½Ρƒ, Ρ‡Ρ‚ΠΎ Π½Π°Π΄ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ статичныС Ρ„Π°ΠΉΠ»Ρ‹ с ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌ CSS ΠΈ JS ΠΊΠΎΠ΄ΠΎΠΌ ΠΈ Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΈΡ… Π½Π° хостингС.

Вторая Π³Π°Π»ΠΎΡ‡ΠΊΠ° Π΄Π°Π΅Ρ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π²Π°ΠΌ, ΠΊΠ°ΠΊ администратору (ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌ зарСгистрированным ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ), ΠΏΡ€ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ страниц Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Π½Π΅ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ ΠΊΠΎΠ΄ (для этого Π³Π°Π»ΠΊΡƒ ΡΠ½ΡΡ‚ΡŒ).

Π•ΡΡ‚ΡŒ Π΅Ρ‰Π΅ Π²ΠΊΠ»Π°Π΄ΠΊΠ° Β«ExtraΒ», Π½ΠΎ Ρ‚Π°ΠΌ Ρ‚ΠΎΡ‡Π½ΠΎ Π½ΠΈΡ‡Π΅Π³ΠΎ ΠΌΠ΅Π½ΡΡ‚ΡŒ Π½Π΅ Π½Π°Π΄ΠΎ, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΅Ρ‘ Π΄Π°ΠΆΠ΅ Π½Π΅ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ, всё оставляйтС ΠΏΠΎ-ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ.

РСзюмС

WordPress ΠΏΠ»Π°Π³ΠΈΠ½ для ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ CSS, JS ΠΈ HTML ΠΊΠΎΠ΄Π° Π½Π΅ Π½Π°Ρ†Π΅Π»Π΅Π½ Π½Π° ускорСниС всСх элСмСнтов сайта, ΠΎΠ½ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ свою ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΡƒΡŽ Π½ΠΈΡˆΡƒ. Благодаря этому настройка Autoptimize проста, с Π²ΠΎΠ·Π»ΠΎΠΆΠ΅Π½Π½Ρ‹ΠΌΠΈ функциями ΠΎΠ½ справляСтся Π½Π° Β«ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎΒ», Π° Π΅Π³ΠΎ Ρ€Π°Π±ΠΎΡ‚Π° Π½Π΅ ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ ΠΊ ΠΊΠΎΠ½Ρ„Π»ΠΈΠΊΡ‚Π°ΠΌ с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Π°ΠΌΠΈ ΠΈΠ»ΠΈ скриптами.

Π£ΡΠΊΠΎΡ€ΡŒΡ‚Π΅ свой сайт с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ»Π°Π³ΠΈΠ½Π° Autoptimize для WordPress

Плагин Autoptimize для WordPress β€” это инструмСнт для ускорСния страницы. Он сочСтаСт Π² сСбС ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡŽ ΠΈ Π°Π³Ρ€Π΅Π³Π°Ρ†ΠΈΡŽ ΠΊΠΎΠ΄Π° с ΠΊΡΡˆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ, CDN ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ функциями ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ. Π‘ сайтом WordPress, ΠΊΠ°ΠΊ ΠΈ с Π»ΡŽΠ±Ρ‹ΠΌ динамичСским сайтом, оптимизация ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя мноТСство двиТущихся частСй. Для Ρ‚Π΅Ρ…, ΠΊΠΎΠΌΡƒ Π½Π΅ΡƒΠ΄ΠΎΠ±Π½ΠΎ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Π½Π° ΡƒΡ€ΠΎΠ²Π½Π΅ сСрвСра, этот ΠΏΠ»Π°Π³ΠΈΠ½ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½Ρ‹ΠΉ прирост скорости, ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Ρ HTTP-запросы .

Π§Ρ‚ΠΎ это Π·Π½Π°Ρ‡ΠΈΡ‚? ΠŸΡ€ΠΎΡ†Π΅ΡΡ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π²Π΅Π±-сайта с сСрвСра Π² ваш Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ называСтся Β«Ρ€Π΅Π½Π΄Π΅Ρ€ΠΈΠ½Π³Β». Для отобраТСния Π²Π΅Π±-сайта часто трСбуСтся нСсколько Β«HTTP-запросов». Π”Π΅Π»Π°ΡŽΡ‚ΡΡ запросы Π½Π° ΠΏΠΈΡΡŒΠΌΠ΅Π½Π½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ сайта, Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй CSS, Ρ„Π°ΠΉΠ»Ρ‹ JavaScript, изобраТСния ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅. ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΈΠ· этих запросов ΠΏΠΎΡ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ для Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ. ΠžΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΠ²Π°Ρ запросы, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡƒΡΠΊΠΎΡ€ΠΈΡ‚ΡŒ свой сайт.

  • Как ΠΌΠ½Π΅ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ свой сайт Π±Π΅Π· написания ΠΊΠΎΠ΄Π°?
  • Как ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Autoptimize?
  • ΠšΠ°ΠΊΠΎΠ²Ρ‹ Π½Π°ΠΈΠ»ΡƒΡ‡ΡˆΠΈΠ΅ настройки ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ?
    • ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ JavaScript
    • ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ CSS
    • ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ HTML
  • Как ΠΈΠ·ΠΌΠ΅Ρ€ΠΈΡ‚ΡŒ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ сайта послС ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ?

Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΌΡ‹ просто установим ΠΏΠ»Π°Π³ΠΈΠ½ Autoptimize ΠΈ Π±ΡƒΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ настройки ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ для ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ CSS ΠΈ JavaScript. Для ΠΌΠ½ΠΎΠ³ΠΈΡ… Π±Π°Π·ΠΎΠ²Ρ‹Ρ… сайтов WordPress это ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½Ρ‹ΠΉ прирост скорости.

ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΡƒΠΉΡ‚Π΅ свой сайт, Π½Π΅ зная программирования (ΠΊΠ°ΠΊ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ автооптимизация)

Один ΠΈΠ· Π»ΡƒΡ‡ΡˆΠΈΡ… способов ΡƒΡΠΊΠΎΡ€ΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ сайта β€” ΠΏΠΎ возмоТности ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΡ‚ΡŒ HTTP-запросы. НапримСр, Π½Π°Π»ΠΈΡ‡ΠΈΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Ρ„Π°ΠΉΠ»ΠΎΠ² CSS ΠΈ JavaScript являСтся ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΌ явлСниСм Π² Ρ‚Π΅ΠΌΠ°Ρ… WordPress, Π½ΠΎ это ΠΌΠΎΠΆΠ΅Ρ‚ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ Π½Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ Π½Π° сайт, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΈΠ· этих Ρ„Π°ΠΉΠ»ΠΎΠ² Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½ ΠΈ ΠΎΡ‚Ρ€Π΅Π½Π΄Π΅Ρ€Π΅Π½.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΡΠΊΠΎΡ€ΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ сайта, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΊΠΎΠ½ΡΠΎΠ»ΠΈΠ΄ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠ»ΠΈ Β«ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒΒ» эти ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ Ρ„Π°ΠΉΠ»Ρ‹ Π² ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ мСньшСС количСство Ρ„Π°ΠΉΠ»ΠΎΠ², Π° Π·Π°Ρ‚Π΅ΠΌ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ ΠΈΡ… Π² самый стратСгичСски Π²Π°ΠΆΠ½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚ Π² процСссС Ρ€Π΅Π½Π΄Π΅Ρ€ΠΈΠ½Π³Π° страницы. Π­Ρ‚ΠΎ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ ΠΎΠ±ΡˆΠΈΡ€Π½Ρ‹Ρ… Π·Π½Π°Π½ΠΈΠΉ ΠΊΠΎΠ΄Π° вашСй Ρ‚Π΅ΠΌΡ‹.

Но ΠΏΠ»Π°Π³ΠΈΠ½ Autoptimize сдСлаСт это Π·Π° вас.

Установка ΠΏΠ»Π°Π³ΠΈΠ½Π° Autoptimize

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½ Autoptimize Ρ‚Π°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ любой Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ WordPress: Ρ‡Π΅Ρ€Π΅Π· панСль администратора ΠΈΠ»ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΠ² сам ΠΏΠ»Π°Π³ΠΈΠ½ ΠΈΠ· рСпозитория WordPress. ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹ установили ΠΏΠ»Π°Π³ΠΈΠ½, Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΡƒΠΉΡ‚Π΅ Π΅Π³ΠΎ.

ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹ CSS ΠΈ JavaScript

Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌΡ‹Π΅ настройки ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ для автоматичСской ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΡ‚ΡŒ, ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΠΊΡΡˆΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹ CSS ΠΈ JavaScript. НапримСр, это ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Ссли Ρƒ вас Π΅ΡΡ‚ΡŒ нСсколько Ρ‚Π°Π±Π»ΠΈΡ† стилСй ΠΈΠ»ΠΈ скриптов, ΠΎΠ½ΠΈ Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½Π΅Π½Ρ‹ Π² ΠΎΠ΄ΠΈΠ½ Ρ„Π°ΠΉΠ».

Π§Ρ‚ΠΎΠ±Ρ‹ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ эти настройки, Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π²ΠΎΠΉΡ‚ΠΈ Π² свою панСль управлСния WordPress.

ПослС этого Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Автооптимизация Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Настройки .

ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ JavaScript

Для JavaScript Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ настройки:

ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠ΄ JavaScript Π”Π°
НС Π°Π³Ρ€Π΅Π³ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Π° ΠΎΡ‚ΠΊΠ»Π°Π΄Ρ‹Π²Π°Ρ‚ΡŒ? Π”Π°
Π’Π°ΠΊΠΆΠ΅ ΠΎΡ‚Π»ΠΎΠΆΠΈΡ‚ΡŒ встроСнный JS? Π”Π°

ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ CSS

Для CSS Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹:

ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠ΄ CSS? Π”Π°
Π‘ΠΎΠ²ΠΎΠΊΡƒΠΏΠ½Ρ‹Π΅ CSS-Ρ„Π°ΠΉΠ»Ρ‹? Π”Π°
Π’Π°ΠΊΠΆΠ΅ Π°Π³Ρ€Π΅Π³ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ встроСнный CSS? Π”Π°
ГСнСрация Π΄Π°Π½Π½Ρ‹Ρ…: URI для ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ? Π”Π°

ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ HTML

Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ HTML-ΠΊΠΎΠ΄ своСго сайта, Ссли Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Ρ‹ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹:

ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ HTML-ΠΊΠΎΠ΄? Π”Π°
Π’Π°ΠΊΠΆΠ΅ ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ встроСнный JS/CSS? Π”Π°
Π‘ΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ HTML-ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ? Π”Π°

Π‘Π»Π΅Π΄ΠΈΡ‚Π΅ Π·Π° ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒΡŽ вашСго сайта?

ПослС Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ этих настроСк ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ измСнСния Π²Π½ΠΈΠ·Ρƒ страницы настроСк. Π­Ρ‚ΠΎ эффСктивно ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ HTTP-запросы ΠΊ Π²Π°ΡˆΠ΅ΠΌΡƒ Π²Π΅Π±-сайту, ускорив Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ страницы.

Π’Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π·Π°ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ Π·Π°ΠΌΠ΅Ρ‚Π½Ρ‹Π΅ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ скорости Π½Π° сайтС. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ свои Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹, я Π±Ρ‹ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Π» ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΎΠΉ инструмСнт, ΠΊΠ°ΠΊ GTMetrix.

ΠœΠΎΠ»ΠΎΠ΄Π΅Ρ†! Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π²Ρ‹ Π·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ свой сайт с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ»Π°Π³ΠΈΠ½Π° Autoptimize для WordPress. Если Ρƒ вас Π΅ΡΡ‚ΡŒ ΠΊΠ°ΠΊΠΈΠ΅-Π»ΠΈΠ±ΠΎ вопросы ΠΏΠΎ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅, ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΎΡΡ‚Π°Π²ΡŒΡ‚Π΅ ΠΈΡ… Π½ΠΈΠΆΠ΅.

Как ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½ Autoptimize WordPress для ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ Π²Π°ΡˆΠΈΡ… сайтов

Autoptimize β€” это популярный ΠΏΠ»Π°Π³ΠΈΠ½ WordPress для ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ Π²Π°ΡˆΠΈΡ… сайтов WordPress с Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅ΠΌ 1 ΠΌΠΈΠ»Π»ΠΈΠΎΠ½ΠΎΠΌ Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… установок ΠΈ ΠΎΠΊΠΎΠ»ΠΎ 1200 пятизвСздочных ΠΎΡ‚Π·Ρ‹Π²ΠΎΠ² Π½Π° WordPress.org.

Π’ этом постС ΠΌΡ‹ обсудим, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°Π²Ρ‚ΠΎΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡŽ для ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΡ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ Π²Π°ΡˆΠΈΡ… Π²Π΅Π±-сайтов WordPress.

ΠšΠΎΠΌΡƒ Π½ΡƒΠΆΠ½Π° автооптимизация?

Если Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Π»Π΅Π³ΠΊΡƒΡŽ Ρ‚Π΅ΠΌΡƒ/ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ WordPress Π½Π° своСм сайтС WordPress, Π²Π°ΠΌ, вСроятно, Π½Π΅ Π½ΡƒΠΆΠ½Π° Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ оптимизация. Π’Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ±Π»Π°Ρ‡Π½Ρ‹ΠΉ сСрвСр, ΠΈ ваш WordPress Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ быстро. Π’ этом случаС добавлСния ΠΊΡΡˆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ страниц Π½Π° сторонС сСрвСра, Ρ‚Π°ΠΊΠΎΠ³ΠΎ ΠΊΠ°ΠΊ RunCloud Hub, Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅ΠΌ достаточно для ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΡ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ WordPress.

Но ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Ρ‚Π΅ΠΌΡƒ WordPress ΠΈ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‚ Π½Π° ваш сайт Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Ρ„Π°ΠΉΠ»Ρ‹ JavaScript ΠΈ CSS, Π²Π°ΠΌ, вСроятно, понадобится автооптимизация для ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΡ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ вашСго сайта.

Autoptimize + RunCloud Hub

МоТно Π»ΠΈ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ Autoptimize ΠΈ RunCloud Hub?

ΠšΡ€Π°Ρ‚ΠΊΠΈΠΉ ΠΎΡ‚Π²Π΅Ρ‚: ДА!

На самом Π΄Π΅Π»Π΅, Autoptimize ΠΈ RunCloud Hub β€” это идСальная комбинация для ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ вашСго сайта WordPress.

Autoptimize Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π° сторонС WordPress для ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ Π²Π°ΡˆΠΈΡ… Ρ„Π°ΠΉΠ»ΠΎΠ² JavaScript / CSS / HTML Π½Π° вашСй Π²Π΅Π±-страницС, Π° RunCloud Hub Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π° сторонС сСрвСра для ΠΊΡΡˆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠΉ вСрсии Π²Π΅Π±-страницы.

ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ JavaScript

Π’ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ Autoptimize Π΅ΡΡ‚ΡŒ нСсколько ΠΎΠΏΡ†ΠΈΠΉ для ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ Ρ„Π°ΠΉΠ»ΠΎΠ² JavaScript Π½Π° вашСй Π²Π΅Π±-страницС. Π­Ρ‚ΠΈ Ρ„Π°ΠΉΠ»Ρ‹ JavaScript ΠΏΠΎΡΡ‚ΡƒΠΏΠ°ΡŽΡ‚ ΠΈΠ· ядра WordPress, Ρ‚Π΅ΠΌΡ‹ ΠΈ Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ². Когда Π²Ρ‹ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚Π΅ Β« ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠ΄ JavaScript? Β», Ρ„Π°ΠΉΠ»Ρ‹ JavaScript Π±ΡƒΠ΄ΡƒΡ‚ ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Ρ‹ ΠΈ сТаты для ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΡ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Ρ„Π°ΠΉΠ»Π°. МСньший Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° JavaScript сдСлаСт Π²Π°ΡˆΡƒ Π²Π΅Π±-страницу Π±ΠΎΠ»Π΅Π΅ Π»Π΅Π³ΠΊΠΎΠΉ.

По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ для JavaScript установлСно Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Β« Π½Π΅ Π°Π³Ρ€Π΅Π³ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Π½ΠΎ ΠΎΡ‚ΠΊΠ»Π°Π΄Ρ‹Π²Π°Ρ‚ΡŒ Β» ΠΈ Β« Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΡ‚ΠΊΠ»Π°Π΄Ρ‹Π²Π°Ρ‚ΡŒ встроСнный JS 9Β».0156Β» ΠΈ Π±Π΅Π· ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΉ. АгрСгация ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½Π° ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ количСство HTTP-запросов Π½Π΅ Ρ‚Π°ΠΊ Π²Π°ΠΆΠ½ΠΎ для HTTP/2.

Π­Ρ‚ΠΈΡ… Π΄Π²ΡƒΡ… ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ достаточно для ΠΌΠ½ΠΎΠ³ΠΈΡ… сайтов WordPress, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹ JavaScript.

ΠŸΠΎΠΌΠ½ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ эти ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π½Π° вашСй Π²Π΅Π±-страницС, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ссли Ρƒ вас Π΅ΡΡ‚ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΎ написанный ΠΊΠΎΠ΄ JavaScript. Если Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Ρ‚Π΅ΠΌΡƒ/ΠΏΠ»Π°Π³ΠΈΠ½ с ΠΏΠ»ΠΎΡ…ΠΎ написанным ΠΊΠΎΠ΄ΠΎΠΌ JavaScript, эти ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ ΠΌΠΎΠ³ΡƒΡ‚ Π½Π°Ρ€ΡƒΡˆΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ вашСй Π²Π΅Π±-страницы, основанных Π½Π° JavaScript.

Если эти ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Ρ…ΠΎΡ€ΠΎΡˆΠΎ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π½Π° вашСм сайтС, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒΡΡ здСсь ΠΈΠ»ΠΈ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ JavaScript. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ список скриптов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ.

ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ CSS

Autoptimize поставляСтся с Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ опциями для ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ Ρ„Π°ΠΉΠ»ΠΎΠ² CSS Π½Π° вашСй Π²Π΅Π±-страницС. ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ Ρ„Π°ΠΉΠ»Ρ‹ CSS бСрутся ΠΈΠ· вашСй Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΉ Ρ‚Π΅ΠΌΡ‹ WordPress, которая управляСт Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌ прСдставлСниСм вашСй Π²Π΅Π±-страницы. Π”Ρ€ΡƒΠ³ΠΈΠ΅ Ρ„Π°ΠΉΠ»Ρ‹ CSS ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Ρ‹ ΠΈΠ· Π²Π°ΡˆΠΈΡ… Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² WordPress.

АгрСгация CSS ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½Π° ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, хотя Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π΅Π΅ ΠΎΠ΄Π½ΠΈΠΌ Ρ‰Π΅Π»Ρ‡ΠΊΠΎΠΌ ΠΌΡ‹ΡˆΠΈ. ΠŸΠΎΠΌΠ½ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ эти ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π½Π° вашСй Π²Π΅Π±-страницС, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ссли Ρƒ вас Π΅ΡΡ‚ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΎ Π·Π°ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ ΠΊΠΎΠ΄Ρ‹ CSS. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΎΠ½ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€Π΅Π΄ΠΎΡ‚Π²Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ ΡΠ΅Ρ€ΡŒΠ΅Π·Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹.

Если Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Ρ‚Π΅ΠΌΡƒ/ΠΏΠ»Π°Π³ΠΈΠ½ с ΠΏΠ»ΠΎΡ…ΠΎ Π·Π°ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌ ΠΊΠΎΠ΄ΠΎΠΌ CSS, эти ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ ΠΌΠΎΠ³ΡƒΡ‚ Π½Π°Ρ€ΡƒΡˆΠΈΡ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚ вашСй Π²Π΅Π±-страницы.

Если эти ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Ρ…ΠΎΡ€ΠΎΡˆΠΎ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π½Π° вашСм сайтС, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Β« Π’Π°ΠΊΠΆΠ΅ Π°Π³Ρ€Π΅Π³ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ встроСнный CSS? ” Π²Π°Ρ€ΠΈΠ°Π½Ρ‚. Autoptimize ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ CSS Π² HTML.

ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ HTML

ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ HTML β€” это бонус послС ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ Ρ„Π°ΠΉΠ»ΠΎΠ² JavaScript ΠΈ CSS Π½Π° вашСм сайтС.

Π’ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Β« ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠ΄ HTML? Β» ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ Π²Ρ‹Π²ΠΎΠ΄ HTML вашСй Π²Π΅Π±-страницы. Π­Ρ‚ΠΎ сдСлаСт ΠΊΠΎΠ΄ Π²Ρ‹Π²ΠΎΠ΄Π° HTML Π½Π΅ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌ для чтСния, Π½ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° Π±ΡƒΠ΄Π΅Ρ‚ мСньшС.

Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ оптимизация

Автооптимизация ΠΈΠΌΠ΅Π΅Ρ‚ нСсколько Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² автоматичСской ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Β«Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΒ».

ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² Google

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ эту ΠΎΠΏΡ†ΠΈΡŽ для ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² Google Π½Π° вашСм Π²Π΅Π±-сайтС.

ΠœΡ‹ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Β« ΠžΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ ΠΈ ΡΠ²ΡΠ·Π°Ρ‚ΡŒ Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ΅ Β» ΠΈΠ»ΠΈ Β« ΠžΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ ΠΈ ΡΠ²ΡΠ·Π°Ρ‚ΡŒ ΠΎΡ‚Π»ΠΎΠΆΠ΅Π½Π½ΠΎ Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ΅ Β». ΠŸΠΎΠΆΠ°Π»ΡƒΠΉΡΡ‚Π°, ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅, ΠΊΠ°ΠΊΠΎΠΉ ΠΈΠ· Π½ΠΈΡ… Π»ΡƒΡ‡ΡˆΠ΅ всСго Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π° вашСм сайтС.

Если ваш Π²Π΅Π±-сайт обслуТиваСт посСтитСлСй ΠΈΠ· ЕвропСйской экономичСской Π·ΠΎΠ½Ρ‹, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ ΡΠΎΠ±Π»ΡŽΠ΄Π°Ρ‚ΡŒ трСбования GDPR ΠΏΡ€ΠΈ использовании Google Fonts.

Π£Π΄Π°Π»ΠΈΡ‚ΡŒ эмодзи

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ эту ΠΎΠΏΡ†ΠΈΡŽ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ встроСнный CSS ΠΈ встроСнный JavaScript основных эмодзи WordPress, Π·Π° ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ΠΌ случаСв, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ эту Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ эмодзи Π½Π° своСм Π²Π΅Π±-сайтС.

Π£Π΄Π°Π»ΠΈΡ‚ΡŒ строки запроса ΠΈΠ· статичСских рСсурсов

Если Π²Ρ‹ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡŽ JavaScript ΠΈ CSS, этот ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ большС Π½Π΅ Π½ΡƒΠΆΠ΅Π½.

Но Ссли Π²Ρ‹ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡŽ JavaScript ΠΈ CSS, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ эту ΠΎΠΏΡ†ΠΈΡŽ.

ΠŸΠΎΠΌΠ½ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ этот ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Π½Π΅ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ врСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΠΈ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ Π²Π΅Π±-сайта, Π½ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»ΠΈ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ ΠΏΡ€ΠΈ тСстировании Π²Π΅Π±-сайта с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ любого инструмСнта для тСстирования скорости страницы.

Π£Π΄Π°Π»ΠΈΡ‚ΡŒ Π³Π»ΠΎΠ±Π°Π»ΡŒΠ½Ρ‹Π΅ стили

Π“Π»ΠΎΠ±Π°Π»ΡŒΠ½Ρ‹Π΅ стили, прСдставлСнныС Π² WordPress 5.9, часто автоматичСски Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‚ CSS ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅ΠΌΡƒΡŽ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΡƒΡŽ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ (SVG) Π½Π° ваши страницы. Π’Π΅ΠΏΠ΅Ρ€ΡŒ доступна опция удалСния Π³Π»ΠΎΠ±Π°Π»ΡŒΠ½Ρ‹Ρ… стилСй.

ΠšΡ€ΠΈΡ‚ΠΈΡ‡Π΅ΡΠΊΠΈΠΉ CSS / CSS Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части страницы

ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ CSS Π² Autoptimize достаточна для ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ Ρ„Π°ΠΉΠ»ΠΎΠ² CSS Π½Π° вашСм сайтС. ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Ρ„Π°ΠΉΠ» CSS загруТаСтся Π² Π³ΠΎΠ»ΠΎΠ²Ρƒ с Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²ΠΊΠΎΠΉ Ρ€Π΅Π½Π΄Π΅Ρ€ΠΈΠ½Π³Π°. Π’Ρ‹, Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅, Π·Π½Π°Π΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎ Google Page Speed ​​Insight ТалуСтся Π½Π° Π±Π»ΠΎΠΊΠΈΡ€ΡƒΡŽΡ‰ΠΈΠΉ Ρ€Π΅Π½Π΄Π΅Ρ€ΠΈΠ½Π³ CSS Π½Π° вашСм сайтС. Если Π²Ρ‹ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ свой Π²Π΅Π±-сайт для Google Page Speed ​​Insight, Π²Π°ΠΌ, вСроятно, понадобится Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ CSS.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

ИдСя проста. Π’Π²Π΅Ρ€Ρ…Ρƒ находится вСсь ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅ ΠΏΡ€ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ страницы Π΄ΠΎ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ. CSS-ΠΊΠΎΠ΄ Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части страницы ΠΈΠ»ΠΈ критичСский CSS-ΠΊΠΎΠ΄ Π±ΡƒΠ΄ΡƒΡ‚ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½Ρ‹ Π² Π³ΠΎΠ»ΠΎΠ²Ρƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ скорСС ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ для вашСго ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. Π”Ρ€ΡƒΠ³ΠΈΠ΅ Ρ„Π°ΠΉΠ»Ρ‹ CSS Π±ΡƒΠ΄ΡƒΡ‚ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½Ρ‹ ΠΏΠΎΠ·ΠΆΠ΅ ΠΏΡ€ΠΈ отсутствии Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²ΠΊΠΈ Ρ€Π΅Π½Π΄Π΅Ρ€ΠΈΠ½Π³Π° послС Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы.

ДА, критичСский  CSS являСтся Ρ‡Π°ΡΡ‚ΡŒΡŽ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ CSS, Π½ΠΎ Π½Π΅ всСм ΠΎΠ½ Π½ΡƒΠΆΠ΅Π½.

БущСствуСт Π΄Π²Π° способа использования критичСского CSS Π½Π° вашСм сайтС с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Autoptimize.

Один ΠΈ Ρ‚ΠΎΡ‚ ΠΆΠ΅ критичСский CSS для всСх страниц

Если Π²Ρ‹ считаСтС, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½ ΠΈ Ρ‚ΠΎΡ‚ ΠΆΠ΅ критичСский CSS для всСх страниц, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Β«Π’ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΈ ΠΎΡ‚Π»ΠΎΠΆΠΈΡ‚ΡŒ CSSΒ» Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Β«ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ CSSΒ».

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ этот список инструмСнтов для создания критичСски Π²Π°ΠΆΠ½ΠΎΠ³ΠΎ CSS для вашСго Π²Π΅Π±-сайта.

Π Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Π²Π°ΠΆΠ½Ρ‹Π΅ CSS-стили для Ρ€Π°Π·Π½Ρ‹Ρ… страниц

Π’ этом случаС Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ΄ΠΏΠΈΡΠ°Ρ‚ΡŒΡΡ Π½Π° ΠΏΠ»Π°Ρ‚Π½Ρ‹ΠΉ сСрвис Criticalcss.com, Ρ‡Ρ‚ΠΎΠ±Ρ‹ автоматичСски Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π°Π·Π½Ρ‹Π΅ Π²Π°ΠΆΠ½Ρ‹Π΅ CSS-ΠΊΠΎΠ΄Ρ‹ для ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницы вашСго сайта.

ПанСль ΠΏΡ€Π°Π²ΠΈΠ»

ПанСль ΠΏΡ€Π°Π²ΠΈΠ» Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ доступна, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»Π° Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ, Π΄Π°ΠΆΠ΅ Ссли Ρƒ вас Π½Π΅Ρ‚ ΠΊΠ»ΡŽΡ‡Π° Critical CSS API.

Π Π°Π·Π½Ρ‹Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹

Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Β«Π Π°Π·Π½Ρ‹Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹Β». ΠŸΡ€ΠΈ нСобходимости Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ всС эти ΠΎΠΏΡ†ΠΈΠΈ.

ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π°Π³Ρ€Π΅Π³ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ скрипт/CSS ΠΊΠ°ΠΊ статичСскиС Ρ„Π°ΠΉΠ»Ρ‹?Β» ΠžΠΏΡ†ΠΈΡ ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½Π° для ΠΊΡΡˆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… Ρ„Π°ΠΉΠ»ΠΎΠ² JavaScript/CSS ΠΊΠ°ΠΊ статичСских Ρ„Π°ΠΉΠ»ΠΎΠ².

Π’ΠΎΡ‚ ΠΏΠΎΡ‡Π΅ΠΌΡƒ Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ ΠΎΠΏΡ†ΠΈΡŽ «Автооптимизация β€” Π£Π΄Π°Π»ΠΈΡ‚ΡŒ кэш» Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ администратора, которая ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ Π²Π°ΠΌ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ Ρ„Π°ΠΉΠ»Ρ‹ JavaScript/CSS, ΠΈ ΠΎΠ½ΠΈ Π±ΡƒΠ΄ΡƒΡ‚ созданы Π·Π°Π½ΠΎΠ²ΠΎ.

Если Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΡŽ RunCloud Hub ΠΈ Autoptimize, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ Π½Π°ΠΆΠΈΠΌΠ°Π΅Ρ‚Π΅ Β«Π£Π΄Π°Π»ΠΈΡ‚ΡŒ кэш» Π² Autoptimize, ΠΎΠ½ автоматичСски ΠΎΡ‡ΠΈΡ‰Π°Π΅Ρ‚ кэши RunCloud Hub. И ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ Π½Π°ΠΆΠΌΠ΅Ρ‚Π΅ Β«ΠžΡ‡ΠΈΡΡ‚ΠΈΡ‚ΡŒ вСсь кэш» Π² RunCloud Hub, ΠΎΠ½ Ρ‚Π°ΠΊΠΆΠ΅ автоматичСски очистит кэши Autoptimize.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Β« Π’ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ настройку для поста/страницы? Β», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ настройки для ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницы ΠΈΠ»ΠΈ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ сообщСния, Ρ‡Ρ‚ΠΎ идСально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ самого ΠΊΡ€ΡƒΠΏΠ½ΠΎΠ³ΠΎ содСрТания ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° для вашСго сайта.

ΠžΡ‚Ρ‡Π΅Ρ‚ ΠΎ дСйствиях β€” автоматичСская оптимизация ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΏΠΎΠ²Ρ‹ΡΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ сайта

Autoptimize β€” популярный ΠΏΠ»Π°Π³ΠΈΠ½ WordPress для ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ Π²Ρ‹Π²ΠΎΠ΄Π° JavaScript / CSS / HTML вашСй Π²Π΅Π±-страницы для ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΡ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ WordPress. Π‘ послСдним Π½Π°Π±ΠΎΡ€ΠΎΠΌ Π½ΠΎΠ²Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, прСдставлСнных Π² вСрсии 3.

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *