مگ پلاس مجله اینترنتی، خبر و سبک زندگی

 
چند نکته مهم جهت افزایش سرعت سایت

چند نکته مهم جهت افزایش سرعت سایت

 

چند نکته مهم جهت افزایش سرعت سایت در این مقاله برای شما جمع اوری نموده ایم. که امیدواریم مورد استفاده شما قرار گیرد.
بسیار مهم : ( قبل از انجام هرگونه تغییر در وب سایت خود بک آپ تهیه و دانلود کنید تا در صورت ایجاد اختلال احتمالی به حالت قبل قابل بازیابی باشد )

۱ – لینک سایت های دیگر را تاجای ممکن در صفحات خود قرار ندهید

توجه : این نکته بسیار مهم هست و باعث افزایش چشمگیر سرعت سایت شما می شود.

تا جای ممکن سعی کنید لینک های سایت های دیگر را در صفحات خود قرار ندهید. مخصوصا زمانی که این لینک ها محتوا یا مطالبی را از سایت های دیگر در سایت شما نمایش می دهند.

برای مثال لینک های مربوط به سایت های Facebook.com یا Twitter.com یا Google Analytics و …
قرار دادن لینک از وب سایت های فوق مخصوصاً زمانی که محتوایی را نمایش می دهند مانند دکمه Like یا Twitt و … باعث کاهش چشمگیر سرعت سایت شما برای بازدید کننده های ایران خواهد شد زیرا همان طور که می دانید لینک وب سایت های ذکر شده در اینترنت ایران قابل دسترسی نیست و باعث می شود زمان زیادی مرورگر منتظر پاسخ از سمت وب سایت های ذکر شده بماند و در نهایت نیز پاسخ دریافت نمی کند.

جهت بررسی این موضوع بر روی صفحه سایت خود مانند صفحه اول سایت در مروگر Firefox پس از لود شدن کامل سایت دکمه های Ctrl + U را فشار دهید تا کد های صفحه سایت نمایش داده شود سپس آدرس های facebook.com یا twitter.com و … را جستجو نمایید و هر لینکی که از چنین وب سایت هایی در صفحات شما وجود دارد حذف کنید.

برخی وب سایت های مهم در این مورد :

Facebook.com
twitter.com
youtube.com
apis.google.com
plus.google.com
analytics.google.com

و غیره…

۲ – از منابع خارجی برای فایل های جاوا ، و فایل های CSS یا Font استفاده نکنید.

توجه : این نکته بسیار مهم هست و باعث افزایش چشمگیر سرعت سایت شما می شود.

در طراحی قالب یا پوسته سایت شما معمولا از تعدادی فایل با پسوند .js که فایل های جاوا اسکریپت هستند و تعدادی فایل با پسوند .css که مربوط به ساختار صفحات هستند استفاده می شود.

در برخی مواقع مخصوصا زمانی که شما از قالب ها یا پوسته های آماده استفاده می کنید این فایل ها از منابعی خارج از سایت شما فراخانی می شوند ( در هاست دیگری قرار دارند و لینک آن ها در بخش HEAD سایت شما قرار داده می شود ).

این موضوع باعث کاهش چشمگیر سرعت سایت شما خواهد شد. زیرا هنگام باشدن سایت شما می بایست با سایتی که این فایل ها در آن قرار دارند ارتباط برقرار شود و این فایل ها از آن هاست دانلود شود. به هر دلیل اگر وب سایت ذکر شده دچار اختلال یا کندی باشد باعث اختلال در سایت شما نیز می شود.

جهت بررسی این موضوع بر روی صفحه سایت خود ( مانند صفحه اول سایت ) در مروگر Firefox پس از لود شدن کامل سایت دکمه های Ctrl + U را فشار دهید تا کد های صفحه سایت نمایش داده شود.

عبارت <HEAD> را جستجو کنید. بررسی کنید در زیر این عبارت اگر لینک هایی مربوط به فایل های .js یا .css یا font  و … به سایت های دیگر وجود دارد :

تمامی این فایل ها را دانلود کنید و در هاست خود آپلود نمایید. سپس آدرس دهی این فایل ها را به جای هاست خارج از هاست خود انجام دهید. به صورتی که فایل ها از هاست شما فراخوانی شوند.

۳ – از سیستم های Cache قدرتمند مانند OPCache استفاده نمایید

OPCache یک افزونه قدرتمند برای PHP است و مواردی که در وب سایت شما به صورت متداول استفاده می شود را در حافظه نگهداری می کند تا به سرعت مجدد قابل دستیابی باشند.

۴ – از افزونه های Gzip یا Deflate جهت فشرده کردن فایل های ایستا مانند تصاویر و … استفاده نمایید

افزونه های Gzip برای وب سرور آپاچی نسخه ۱٫x و Deflate برای نسخه ۲٫x هنگام بارگزاری فایل های ایستا ابتدا آن ها را فشرده می کند سپس برای مرورگر ارسال می کند. این موضوع باعث افزایش سرعت نمایش سایت شما می شود.

شما می توانید با قرار دادن دستورات مدنظر در فایل .HTACCESS نحوه استفاده از این افزونه ها را مدیریت کنید.

برای مثال :

<IfModule mod_deflate.c>

<filesMatch “\.(js|css|html|php)$”>

SetOutputFilter DEFLATE

</filesMatch>

</IfModule>

۵ – حالت Caching را توسط مرورگر در وب سایت خود فعال کنید

به وسیله این گزینه و افزونه Expires در وب سرور آپاچی می توانید فایل های ایستا مانند تصاویر فایل های جاوا اسکریپت یا CSS را در حافظه موقت مرورگر ذخیره کنید تا نیاز نباشد هربار هنگام مشاهده صفحه لود شوند.

شما می توانید با قرار دادن دستورات مدنظر در فایل .HTACCESS نحوه استفاده از این افزونه را مدیریت کنید.

برای مثال :

# Turn on Expires and set default to 0
ExpiresActive On
ExpiresDefault A0

# Set up caching on media files for 1 year (forever?)
<FilesMatch “\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav)$”>
ExpiresDefault A29030400
Header append Cache-Control “public”
</FilesMatch>

# Set up caching on media files for 1 week
<FilesMatch “\.(gif|jpg|jpeg|png|swf)$”>
ExpiresDefault A604800
Header append Cache-Control “public”
</FilesMatch>

# Set up 2 Hour caching on commonly updated files
<FilesMatch “\.(xml|txt|html|js|css)$”>
ExpiresDefault A604800
Header append Cache-Control “proxy-revalidate”
</FilesMatch>

# Force no caching for dynamic files
<FilesMatch “\.(php|cgi|pl|htm)$”>
ExpiresActive Off
Header set Cache-Control “private, no-cache, no-store, proxy-revalidate, no-transform”
Header set Pragma “no-cache”
</FilesMatch>

<IfModule mod_expires.c>
# Add correct content-type for fonts
AddType application/vnd.ms-fontobject .eot
AddType application/x-font-ttf .ttf
AddType application/x-font-opentype .otf
AddType application/x-font-woff .woff
AddType image/svg+xml .svg

# Compress compressible fonts
AddOutputFilterByType DEFLATE application/x-font-ttf application/x-font-opentype image/svg+xml

# Add a far future Expires header for fonts
ExpiresByType application/vnd.ms-fontobject “access plus 1 year”
ExpiresByType application/x-font-ttf “access plus 1 year”
ExpiresByType application/x-font-opentype “access plus 1 year”
ExpiresByType application/x-font-woff “access plus 1 year”
ExpiresByType image/svg+xml “access plus 1 year”
</IfModule>

۶ – از استفاده تعداد زیاد تصاویر در صفحات خودداری کنید.

حدالامکان از تعداد تصاویری که در صفحات مخصوصاً در صفحه اول سایت شما بارگزاری می شوند کم کنید. هر کدام از این تصاویر می بایست هنگام مشاهده سایت برای کاربر شما به صورت کامل دانلود شود و تعداد زیاد این تصاویر باعث کاهش چشمگیر سرعت اجرای سایت خواهد شد.

۷ – حجم تصاویر را کاهش دهید و آن ها را بهینه کنید

در صورتی که لازم هست در صفحات سایت خود از تصاویر استفاده کنید تمامی تصاویر را به صورت بهینه و فشرده شده استفاده کنید. جهت بهینه سازی و کم کردن حجم تصاویر می توانید از وب سایت های زیراستفاده نمایید :

نرم افزار تحت ویندوز : http://luci.criosweb.ro/riot

وب سایت آنلاین : https://compressnow.com

تصاویر را تا جای ممکن که باعث افت محسوس کیفیت نمی شود بهینه و کم حجم کنید سپس در مطالب یا طراحی وب سایت خود استفاده نمایید.

۸ – استفاده از فایل های جاوا اسکریپت را کاهش دهید

تا جای ممکن از فایل های جاوا اسکریپت متعدد در طراحی وب سایت خودداری کنید. در صورت لزوم از توابع چند کاربردی مانند Jquery  استفاده کنید تا با یک فایل امکان انجام فعالیت های مختلفی وجود داشته باشد و نیاز به اضافه کردن فایل های جاوای دیگر نباشد.

۹ – حجم فایل های جاوا اسکریپت را کاهش دهید و آن ها را بهینه کنید.

در صورتی که لازم هست از فایل های جاوا استفاده کنید حتما این فایل ها را فشرده یا Minify  کنید.

جهت انجام این کار از وب سایت های زیر می توانید استفاده کنید :

https://jscompress.com

https://javascript-minifier.com

۱۰ – حجم فایل های CSS  را کاهش دهید و آن ها را بهینه کنید

فایل های CSS قالب یا طراحی وب سایت خود را از طریق ابزار زیر بهینه نمایید و حجم آن ها را کاهش دهید :

https://www.seocentro.com/tools/online/minify-css.html

https://cssminifier.com/

۱۱ – از تصاویر یا ویدئو ها با منابع خارجی در صفحات استفاده نکنید.

از تصاویر یا ویدئو هایی که در هاست های دیگر قرار دارند در طراحی سایت یا صفحات خود استفاده نکنید.

جهت بررسی این موضوع بر روی صفحه سایت خود در مروگر Firefox پس از لود شدن کامل سایت دکمه های Ctrl + U را فشار دهید تا کد های صفحه سایت نمایش داده شود. سپس پسوند تصاویر مانند jpg یا png و … را جستجو کنید و اگر مشاهده کردید آدرس فراخانی این فایل ها خارج از هاست شما هست تمامی این فایل ها را دانلود کنید و در هاست خود آپلود نمایید. سپس آدرس دهی این فایل ها را به جای هاست خارج از هاست خود انجام دهید. به صورتی که فایل ها از هاست شما فراخوانی شوند.

به هر دلیل اگر تصاویر یا ویدئو ها با منبع خارج از سایت شما دچار اختلال یا کندی شوند سایت شما نیز دچار کندی و اختلال در نمایش می شود.

۱۲ – نرم افزار وب سایت خود را به صورت استاندارد و بدون خطاهای Syntax و … طراحی کنید

هنگام کد نویسی سایت خود مخصوصاً در زبان های برنامه نویسی پویا مانند PHP جاوا و … به صورت استاندارد برنامه نویسی کنید و بررسی کنید کد های شما دارای خطای Syntax یا خطا های منطقی نباشد. این موضوع باعث کاهش سرعت وب سایت شما می شود حتی اگر تمامی موارد دیگر را انجام داده باشید. دقت کنید تنظیمات نرم افزار دچار اختلال با بخش های مختلف آن نباشد.

اگر از سیستم های رایگان مانند وردپرس و … استفاده می کنید از افزونه ها و قالب های معتبر و بدون تغییر استفاده کنید. از موارد کرک شده به هیچ عنوان استفاده نکنید.

همچنین دقت کنید تنظیمات بخش های مختلف نرم افزار مانند وردپرس به صورت صحیح انجام شده باشد زیرا هرگونه تنظیم اشتباه در سیستم یا افزونه ها و قالب می تواند باعث کند شدن سرعت سایت شود.

۱۳ – تعداد درخواست ها به دیتابیس را در هر صفحه کاهش دهید

سعی کنید از درخواست ها یا Query های بالا در هر صفحه استفاده نکنید و تعداد این درخواست ها را تا جای ممکن کاهش دهید.

برای مثال :  اگر سایت شما فروشگاه است و ۵۰۰ محصوصل دارید به جای نمایش ۵۰۰ محصول در یک صفحه که این موضوع باعث می شود حداقل ۵۰۰ درخواست همزمان به دیتابیس برای لود مشخصات محصولات ارسال شود و طبیعتا پردازش این درخواست ها زمان بر هست ، نمایش محصوصلات را در صفحات ۲۵ یا ۵۰ تایی انجام دهید و صفحه بندی ایجاد کنید. این موضوع باعث می شود هر صفحه ۲۵ یا ۵۰ درخواست برای بانک اطلاعاتی ارسال کند و پردازش این درخواست ها سریعتر انجام  می شود.

۱۴ – از کد های وب سایت های دیگر مانند شمارشگر ها ، سخن روز ، نمایش قیمت و … استفاده نکنید.

از کد های مربوط به وب سایت های دیگر مانند ابزار های وب و … مثل شمارگشر تعداد بازدید کننده ، سخن روز ، نمایش قیمت ارز ، نمایش آب و هوا و … در صفحات وب سایت خود استفاده نکنید. این کد ها باعث کاهش سرعت نمایش صفحات شما می شود.

۱۵ – افزونه ها یا قالب های غیر ضروری را حذف کنید.

اگر از سایت ساز هایی مانند وردپرس ، جوملا و … استفاده می کنید افزونه ها و قالب هایی که نصب کرده اید و از آن ها استفاده نمی کنید را حذف کنید. این موضوع معمولا در افزایش سرعت سایت شما تاثیر مثبت خواهد داشت.

منبع: مهر هاست