جهت افزایش سرعت سایت خود میتوانید مطابق آموزش زیر عمل کنید. سرعت وبسایت شما به سرور (هاست) و طراحی سایت شما بستگی دارد.
نکته : قبل از اعمال هر تغییری در وبسایت خود، یک بک آپ از اطلاعاتتان تهیه و دانلود کنید تا در صورت ایجاد مشکلات احتمالی احتمال بازگشت به حالت قبل وجود داشته باشد.
به موارد زیر توجه کنید:
۱ – تا جای ممکن لینک سایتهای دیگر را در صفحات وبسایت خود قرار ندهید.
قرار دادن لینک از وبسایتهای Facebook.com یا Twitter.com یا Google Analytics و … زمانی که محتوایی را نمایش میدهند، مانند دکمه Like یا Twit و … تا حد زیادی سبب کاهش سرعت سایت شما برای بازدید کنندگان ایران خواهد شد زیرا همانطور که اطلاع دارید، لینک وبسایت های ذکر شده در اینترنت ایران قابل دسترسی نیستند درنتیجه مرورگر پاسخی دریافت نخواهد کرد.
جهت بررسی این موضوع ابتدا بر روی صفحهی سایت خود در مروگر Firefox پس از لود شدن کامل سایت دکمههای Ctrl + U را فشار دهید تا کدهای صفحه سایت نمایش داده شود سپس آدرسهای 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 قدرتمند استفاده کنید.
میتوانید از یک Cache قدرتمند مانند OPCache میتوانید استفاده کنید. OPCache یک افزونه قدرتمند برای PHP است و مواردی که در وبسایتتان به طور متداول استفاده میشود را در حافظه نگهداری میکند تا به سرعت قابل دستیابی باشند.
۴ – برای فشرده کردن فایلهای ایستا مانند تصاویر و … از افزونه های Gzip یا Deflate استفاده کنید.
افزونههای Gzip برای وبسرور آپاچی نسخه ۱٫x و Deflate برای نسخه ۲٫x هنگام بارگزاری فایلهای ایستا، ابتدا آنها را فشرده و سپس برای مرورگر ارسال میکند. این کار به افزایش سرعت نمایش سایت شما کمک میکند.
توجه: در هاست لینوکس ارست هاست افزونههای Gzip و Deflate به صورت پیش فرض فعال میباشند.
شما میتوانید با قرار دادن دستورات موردنظر در فایل .HTACCESS نحوهی استفاده از این افزونهها را مدیریت کنید.
برای مثال:
<IfModule mod_deflate.c>
<filesMatch “\.(js|css|html|php)$”>
SetOutputFilter DEFLATE
</filesMatch>
</IfModule>
۵ – حالت Caching را به وسیلهی مرورگر، در وبسایتتان فعال نمایید.
به وسیلهی این گزینه و افزونهی Expires در وب سرور آپاچی میتوانید فایلهای ایستا مانند تصاویر فایلهای جاوا اسکریپت یا CSS را در حافظهی موقت مرورگر ذخیره کنید. با این کار نیاز نیست هربار هنگام مشاهدهی صفحه لود شوند.
توجه: در هاستهای لینوکس ارست هاست افزونهی Expires برای وب سرور آپاچی به طور پیش فرض فعال است.
در این مورد هم شما میتوانید با قرار دادن دستورات مورد نظر در فایل .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 های بالا را در هر صفحه استفاده نکنید. برای مثال اگر سایت شما فروشگاه باشد و شما ۵۰۰ محصوصل دارید. به جای نمایش ۵۰۰ محصول در یک صفحه که این امر سبب میشود حداقل ۵۰۰ درخواست همزمان به دیتابیس برای لود مشخصات محصولات ارسال شود و طبیعتا پردازش این درخواستها زمان میبرد. نمایش محصوصلات را در صفحات ۲۵ یا ۵۰ تایی انجام دهید و صفحه بندی ایجاد کنید، زیرا باعث میشود هر صفحه ۲۵ یا ۵۰ درخواست برای بانک اطلاعاتی ارسال کند. درنتیجه پردازش این درخواستها سریعتر صورت میگیرد.
۱۴ – از کد وبسایتهای دیگر مانند شمارشگرها، سخن روز، نمایش قیمت و … استفاده نکنید.
کدهای مربوط به وبسایتهای دیگر مانند ابزار های وب و … مثل شمارگشر تعداد بازدید کننده ، سخن روز ، نمایش قیمت ارز ، نمایش آب و هوا و … باعث کاهش سرعت نمایش صفحات شما میشود.
۱۵ – افزونه ها یا قالبهای غیر ضروری را حذف کنید.
اگر برای ساختن سایت از وردپرس ، جوملا و … استفاده میکنید، افزونه ها و قالبهای نصب شده که از آنها استفاده نمیکنید را حذف کنید. این کار معمولا در افزایش سرعت سایت تاثیر مثبت خواهد داشت.
3 replies on “آموزش افزایش سرعت سایت”
برای شروع برنامه نویسی سایت کدام زبان رو پیشنهاد می کنید
با سلام برای شروع شما از HTMLوCSSشروع کنید سپس JAVASCRIPTو از فریم ورک هایی مانند BOOTSTRAP استفاده کنید .
بعد میتونید از وردپرس با یادگیری زبان PHPاستفاده کنید .
باتشکر
سلام خانم کاظمی خیلی ممنونم از مطلب مفیدتون.