.htaccess 파일을 사용하여 웹 사이트 최적화

귀하의 웹 사이트로드를 빠르게하는 것은 대부분의 hostwinds 클라이언트에 대한 열정이며 이것이 얼마나 중요한지 알고 있습니다. 이 안내서는 귀하의 웹 사이트 및로드 속도를 검토하여 최적화를 귀하 또는 귀하의 웹 사이트 개발자가 보거나 테스트 할 수 있도록 돕는 것입니다.

또한 .htaccess 파일을 사용하여 웹 사이트를 최적화하는 데 필요한 많은 옵션을 탐색 할 것입니다. 이것은 Apache WebServer를 사용하여 공유 호스팅, 비즈니스 호스팅, CPANEL 클라이언트, VPS, 클라우드 및 전용 서버 클라이언트를 대상으로합니다.

Google Chrome의 기본 제공 도구를 사용 하고이 안내서의 Apache WebServer 용 .htaccess를 사용하여 시작합니다.

.htaccess 파일 만들기

가장 먼저 할 일은 .htaccess 파일 생성...에 이 가이드를 계속하기 전에 웹 사이트가로드되지 않거나 문제가없는 경우이 파일을 복원 할 수 있도록 파일을 백업하는 것이 중요합니다.

Google Chrome DevTools

1 웹 사이트를 방문하여 Windows에서 F12로 Google Dev 도구를 시작하거나 키보드에서 Ctrl + Shift + i도 실행하십시오. Mac을 사용하는 경우 cmd + opt + i를 사용할 수 있습니다. 또는 웹 페이지를 마우스 오른쪽 버튼으로 클릭하고 네트워크 탭을 클릭 할 요소 검사를 선택합니다.

2 캐시 비활성화 확인란을 선택하십시오.

3이 같은 메뉴에서 네트워크를 클릭하고 페이지를 다시로드합니다. 여기서 결과와로드 시간은 화면 하단에 표시됩니다.

웹 페이지를 새로 고침하고 위의 이미지와 같이로드 시간을 기록하십시오. 또한 200ms 이하의 경우 첫 번째 바이트까지의 시간을 기록하고 싶습니다. 아래 이미지는 예제로서 120ms 이하로 보여줍니다.

웹 사이트 최적화

캐싱 활용

# 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 캐시 제어 헤더

<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 캐시 제어 헤더

캐시 제어 종료

후행 슬래시 강제

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

엔드 포스 트레이닝 슬래시

핫 링크 방지

# 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 및 hotlinksnotpermitted.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/  

다른 피드를 단일 형식으로 리디렉션 종료

yourmainname을 실제 도메인 이름 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

END LOG PHP 오류 INTO ~ / public_html / php_error.log

yourdomainname을 로그 파일의 위치로 실제 도메인 이름 URL 및 ~ / public_html / php_error.log로 바꿉니다.

JavaScript 파일 내에서 PHP 실행

# 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 실행

사용자 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

블록하려는 실제 IP 주소로 123.45.6.7 및 0.1.2.3을 교체하십시오.

파일의 디렉토리 목록 방지

#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을 사용하여 기본 오류 문서를 바꾸는 데 사용할 수 있습니다.

비 -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이 아닌 URL로 리디렉션 종료

도메인 이름을 새 파일 이름과 newfile.html로 세 개의 장소, /olddirectory/oldfile.html로 새 파일 이름으로 바꿉니다.

단순 리디렉션

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

간단한 리디렉션 종료

/olddirectory/oldfile.html 및 https://yourdomainname.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를 실제 도메인 이름으로 바꿉니다