Оптимизировать веб-сайт с помощью файла .htaccess

Загрузка вашего сайта Fast - это страсть к большинству ChostWinds Clients, и мы знаем, насколько это важно. Это руководство заключается в том, чтобы помочь с рассмотрением вашего веб-сайта и скорости его нагрузки, чтобы оптимизатор можно было увидеть и тестировать вами или разработчиком вашего сайта.

Мы также рассмотрим многие варианты для использования и обычных способов оптимизации вашего веб-сайта, используя файл .htaccess. Это предназначено для общего хостинга, бизнес-хостинга, клиентов CPanel, VPS, Cloud и выделенных клиентов серверов, используя Apache WebServer.

Мы начнем использовать встроенные инструменты Google Chrome и используя .htaccess для веб-сервера Apache для этого руководства.

Создать файл .htaccess

Первое, что нужно сделать, это создайте свой файл .htaccessОтказ Прежде чем продолжить с этим руководством, важно сделать резервную копию вашего файла, чтобы убедиться, что этот файл может быть восстановлен, если ваш веб-сайт не загружается или у вас есть какие-либо проблемы.

Инструменты разработчика Google Chrome

1 Посетите свой веб-сайт и запустите инструменты Google DEV с F12 на Windows или также Ctrl + Shift + I на клавиатуре. Если вы используете MAC, вы можете использовать CMD + Opt + I. или щелкните правой кнопкой мыши на веб-странице и выберите «Проверьте элемент», чтобы нажать на вкладку «Сетевой»

2 Установите флажок в отключении кеша

3 Нажмите на сеть из этого же меню и перезагрузите страницу. Здесь результаты и время загрузки будут отображаться в нижней части экрана.

Обновите веб-страницу и обратите внимание на время загрузки, как показано на изображении выше. Вы также захотите отметить время для первого байта, которое было бы идеально подходит до 200 мс. Изображение ниже показывает это как 120 мс в качестве примера:

Оптимизация веб-сайта

Использовать кеширование

# BEGIN EXPIRES
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 10 days."
ExpiresByType text/css "access plus 1 week"
ExpiresByType text/plain "access plus 1 month"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType application/x-javascript "access plus 1 month"
ExpiresByType application/javascript "access plus 1 week"
ExpiresByType application/x-icon "access plus 1 year"  

КОНЕЦ СРОКА

Сжатие содержимого с помощью Mod Deflate

# COMPRESSION

НАЧАТЬ СНИЖЕНИЕ СЖАТИЯ

<IfModule mod_deflate.c>

Сжатие HTML, CSS, JavaScript, текста, XML и шрифтов

AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml  

КОНЕЦ ВЫКЛЮЧЕНИЯ СЖАТИЯ

КОНЕЦ СЖАТИЯ

Сжатие Gzip

# BEGIN GZIP
BEGIN GZIP COMPRESSION
<IfModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*  

КОНЕЦ СЖАТИЯ GZIP

КОНЕЦ GZIP

Кеширование

#CACHE CONTROL

Заголовки BEGIN Cache-Control

<ifModule mod_headers.c>
<filesMatch ".(ico|jpe?g|png|gif|swf)$">
Header set Cache-Control "public"
<filesMatch ".(css)$">
Header set Cache-Control "public"
<filesMatch ".(js)$">
Header set Cache-Control "private"
<filesMatch ".(x?html?|php)$">
Header set Cache-Control "private, must-revalidate."

Заголовки END Cache-Control

КОНЕЦ УПРАВЛЕНИЯ КЭШЕМ

Принудительная косая черта

# FORCE TRAILING SLASH
<IfModule mod_rewrite.c>
RewriteCond %{REQUEST_URI} /+[^.]+$
RewriteRule ^(.+[^/])$ %{REQUEST_URI}/ [R=301,L]  

END FORCE TRAILING SLASH

Предотвратить хотлинкинг

# PREVENT HOTLINKING
RewriteEngine On
#Replace ?yourdomainname.com/ with your website url
RewriteCond %{HTTP_REFERER} !^http://(.+.)?yourdomainname.com/ [NC]
RewriteCond %{HTTP_REFERER} !^$
#Replace /images/nohotlink.jpg with your "hotlinking is not permitted" image url
RewriteRule .*.(jpe?g|gif|bmp|png)$ /hotlinksnotpermitted.jpg [L]

КОНЕЦ ПРЕДОТВРАЩЕНИЕ ГОРЯЧЕЙ ССЫЛКИ

Замените свое доменное имя своим фактическим доменным именным URL-адресом и hotlinksnotpermated.jpg

Перенаправлять посетителей веб-сайта на мобильный сайт:

# REDIRECT MOBILE DEVICES
RewriteEngine On
RewriteCond %{REQUEST_URI} !^/m/.*$
RewriteCond %{HTTP_ACCEPT} "text/vnd.wap.wml|application/vnd.wap.xhtml+xml" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "acs|alav|alca|amoi|audi|aste|avan|benq|bird|blac|blaz|brew|cell|cldc|cmd-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "dang|doco|eric|hipt|inno|ipaq|java|jigs|kddi|keji|leno|lg-c|lg-d|lg-g|lge-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "maui|maxo|midp|mits|mmef|mobi|mot-|moto|mwbp|nec-|newt|noki|opwv" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "palm|pana|pant|pdxg|phil|play|pluc|port|prox|qtek|qwap|sage|sams|sany" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "sch-|sec-|send|seri|sgh-|shar|sie-|siem|smal|smar|sony|sph-|symb|t-mo" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "teli|tim-|tosh|tsm-|upg1|upsi|vk-v|voda|w3cs|wap-|wapa|wapi" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "wapp|wapr|webc|winw|winw|xda|xda-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "up.browser|up.link|windowssce|iemobile|mini|mmp" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "symbian|midp|wap|phone|pocket|mobile|pda|psp" [NC]
#------------- The line below excludes the iPad
RewriteCond %{HTTP_USER_AGENT} !^.*iPad.*$
#-------------
RewriteCond %{HTTP_USER_AGENT} !macintosh [NC] #*SEE NOTE BELOW
RewriteRule ^(.*)$ /m/ [L,R=302]

КОНЕЦ ПЕРЕНАПРАВЛЕНИЯ МОБИЛЬНЫХ УСТРОЙСТВ

Остановить спам в блоге WordPress

# STOP SPAM ON WORDPRESS BLOG
RewriteEngine On
RewriteCond %{REQUEST_METHOD} POST
RewriteCond %{REQUEST_URI} .wp-comments-post.php*
RewriteCond %{HTTP_REFERER} !.*yourdomainname.* [OR]
RewriteCond %{HTTP_USER_AGENT} ^$
RewriteRule (.*) ^http://%{REMOTE_ADDR}/$ [R=301,L]  

КОНЕЦ СПАМА В БЛОГЕ WORDPRESS

Замените свое доменное имя своим фактическим URL-адресом домена

Перенаправить фиды

# REDIRECT DIFFERENT FEEDS TO A SINGLE FORMAT
<IfModule mod_alias.c>
RedirectMatch 301 /feed/(atom|rdf|rss|rss2)/?$ http://yourdomainname.com/feed/
RedirectMatch 301 /comments/feed/(atom|rdf|rss|rss2)/?$ http://yourdomainname.com/comments/feed/  

КОНЕЦ ПЕРЕНАПРАВЛЕНИЯ РАЗНЫХ ПОДАЧЕЙ К ОДНОМ ФОРМАТУ

Замените yourdomainname вашим фактическим URL-адресом доменного имени

Настройте свой сайт для видео в формате HTML5

# CONFIGURE YOUR WEBSITE FOR HTML5 VIDEOS
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_URI} !=/favicon.ico
AddType video/ogg .ogv
AddType video/ogg .ogg
AddType video/mp4 .mp4
AddType video/webm .webm
AddType application/x-shockwave-flash swf

КОНЕЦ НАСТРОЙКИ ВАШЕГО ВЕБ-САЙТА ДЛЯ ВИДЕО HTML5

Записывать ошибки PHP в журнал ошибок

# LOG PHP errors INTO ~/public_html/php_error.log

не показывать пользователю ошибки

php_flag display_startup_errors off
php_flag display_errors off
php_flag html_errors off

войти в файл

php_flag log_errors on
php_value error_log ~/public_html/php_error.log

КОНЕЦ ЖУРНАЛА Ошибки PHP INTO ~ / public_html / php_error.log

Замените yourdomainname вашим фактическим URL-адресом доменов и ~ / public_html / php_error.log с местоположением файла журнала

Запустить PHP внутри файлов JavaScript

# RUN PHP INSIDE JAVASCRIPT FILES
AddType application/x-httpd-php .js
AddHandler x-httpd-php5 .js
<FilesMatch ".(js|php)$">
SetHandler application/x-httpd-php  

ЗАПУСКАТЬ PHP ВНУТРИ ФАЙЛОВ JAVASCRIPT

Блокировать IP-адреса пользователей

#BLOCKING USERS IP
order allow,deny
deny from 123.45.6.7
deny from 0.1.2.3
allow from all
#END BLOCKING USERS IP

Заменить 123,45,6,7 и 0.1.2.3 с фактическими IP-адресами, которые вы хотите заблокировать

Запретить добавление файлов в каталог

#PREVENT DIRECTORY LISTING
IndexIgnore *
#END PREVENT DIRECTORY LISTING

Пользовательский документ об ошибках

# ERROR DOCUMENT
ErrorDocument code /directory/filename.ext
ErrorDocument 404 /errors/lostandfound.html

КОНЕЦ ДОКУМЕНТА ОБ ОШИБКЕ

Заменить /directory/filename.ext с помощью документа об ошибке, который вы хотели бы использовать и /errors/lostandfound.html с страницей ошибки 404, которые вы хотели бы использовать для замены документов об ошибке по умолчанию.

Redirect Non-www URL для WWW URL

# REDIRECT NON WWW URL TO WWW URL
Options +FollowSymLinks
RewriteEngine on
RewriteCond %{HTTP_HOST} ^yourdomainname.com
RewriteRule (.*) https://www.yourdomainname.com/$1 [R=301,L]

КОНЕЦ ПЕРЕНАПРАВИТЬ НЕ WWW URL НА WWW URL

Замените свое доменное имя в три места, /olddirectory/oldfile.html со старым именем файла и newfile.html с новым именем файла

Простое перенаправление

# SIMPLE REDIRECT
Redirect /olddirectory/oldfile.html https://yourdomainname.com/newfile.html

КОНЕЦ ПРОСТОЙ ПРЯМОЙ

Заменить /olddirectory/oldfile.html и https://yourdominname.com/newfile.html

Перенаправить веб-сайт на https

#Force SSL without www
RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://yourdomain.tld/$1 [R,L]
#Force SSL with www
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://www.yourdomain.tld/$1 [R,L]

Замените yourdomain.tld с вашим фактическим доменом