تحسين موقع الويب باستخدام ملف .htaccess

وجود موقع الويب الخاص بك تحميل سريع هو شغف لمعظم عملاء HostWinds، ونحن نعرف مدى أهمية ذلك. هذا الدليل هو المساعدة في مراجعة موقع الويب الخاص بك وسرعة الحمل الخاصة به حتى يمكن رؤية الأمثل واختبره من قبلك أو مطور موقع الويب الخاص بك.

سوف نستكشف أيضا العديد من الخيارات لاستخدامها والطرق الشائعة لتحسين موقع الويب الخاص بك باستخدام ملف .htaccess. يهدف هذا إلى الاستضافة المشتركة، استضافة الأعمال، عملاء CPanel، VPS، Cloud، وعملاء الخادم المخصصين باستخدام Apache WebServer.

سنبدأ باستخدام أدوات Google Chrome المدمجة واستخدام .htaccess للحصول على WebServer Apache لهذا الدليل.

إنشاء ملف htaccess

أول شيء يجب فعله هو قم بإنشاء ملف htaccess الخاص بكوبعد قبل المتابعة مع هذا الدليل، من المهم نسخ احتياطي لملفك لضمان استعادة هذا الملف إذا لم يتم تحميل موقع الويب الخاص بك أو لديك أي مشاكل.

أدوات تطوير جوجل كروم

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 و Text و 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."

رؤوس التحكم في ذاكرة التخزين المؤقت

التحكم النهائي في ذاكرة التخزين المؤقت

قوة مائلة زائدة

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

القطع المائل للقوة النهائية

منع Hotlinking

# 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 الخاص بك باسم المجال الفعلي و HotLinkSnotPermittrittor.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]

إعادة توجيه الأجهزة المحمولة

أوقف الرسائل الاقتحامية على مدونة ووردبريس

# 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 مع مستند الخطأ الذي ترغب في استخدامه و / reors/lostandfound.html مع صفحة الخطأ 404 التي ترغب في استخدامها لاستبدال مستندات الخطأ الافتراضية

إعادة توجيه عنوان URL غير WWW إلى 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]

قم بإعادة توجيه عنوان URL غير WWW إلى عنوان URL الخاص بـ WWW

استبدل اسم المجال الخاص بك في ثلاثة أماكن، / blowdirectory/oldfile.html مع اسم الملف القديم و Newfile.html مع اسم الملف الجديد

إعادة توجيه بسيطة

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

إنهاء إعادة التوجيه البسيط

استبدال /olddirectory/oldfile.html و https://yourdomaNname.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 مع اسم المجال الفعلي الخاص بك