مطالب آموزشی

سفارش طراحی سایت

نمونه کار طراحی سایت

تعرفه و لیست قیمت طراحی سایت



علمی ترین روش افزایش سرعت لود سایت
مقالات آموزشی - آموزش طراحی سایت
نوشته شده توسط مدیر   
سه شنبه, 25 بهمن 1390 ساعت 14:43

در ابتدا در مورد نوع کارکرد سایت و اتفاقاتی که در هنگام لود یک سایت می افتد توضیحاتی می دهم سپس به اصل آموزش می پردازم.
وقتی یک سایت بارگذاری می شود اگرمحتوی آن فقط متن باشد مشکلی نیست اما اگر فایل های css و js و انواع عکس و فلش و ... نیز داخل سایت باشد مرورگر برای هر کدام از آنها یک درخواست (request) ارسال می کند. یعنی اگر در قالب 1 فایل html، 3 فایل css ، 2 فایل js و 12 عکس داشته باشد مرورگر شما برای باز کردن صفحه 18 درخواست به سرور ارسال می کند.
ممکن است شما فکر کنید که مرورگر در بار اول این فایل ها را در کش یا حافظه نهانگانی خود ذخیره می کند در حالیکه اگر به یکی دیگر از صفحات همین سایت بروید مرورگر برای اینکه ببیند فایل های Css و js و... تغییری کرده اند یا خیر، مجددا به تعداد فایل های مذکور درخواست به سرور ارسال می کند.
بسیار خوب حالا ما می خواهیم روشی را به شما آموزش دهیم که تعداد این درخواست ها را کم کنید تا با اینکار سایت شما در زمان کمتری بارگذاری و همچنین RAM و CPU سرور شما نیز کمتر مصرف شود.
این روش هیچ مشکلی با Ajax ندارد و برای تمامی هاست ها یکسان است فقط ممکن است مسیرها کمی متفاوت باشد وگرنه کلیات یکی است.

 


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

 

 

http://www.gtmetrix.com

 


در اینجا دو روش را آموزش می دهیم، ابتدا کسانی که به سرور خود دسترسی کامل دارند و می توانند تنظیمات سرور را دستکاری کنند.
اول از نصب بودن دو ماژول  mod_headers.so و mod_expires.so بر روی آپاچی سرور خود مطمئن شوید.
فایل httpd.conf را در سرور خود جستجو کنید چون در هر سرور مسیر خاصی دارد مثلا در برخی به شکل زیر است


/etc/httpd/httpd.conf


حالا توسط یک ادیتور آن را باز و کدهای زیر را جستجو کنید :


LoadModule expires_module modules/mod_expires.so
LoadModule headers_module modules/mod_headers.so


دقت کنید که این کدها داخل /* و */ قرار نگرفته باشند (به اصطلاح کامنت نشده باشند)
اکنون کافیست کدهای زیر را به فایل config خود بیافزایید :


ExpiresActive On
ExpiresDefault "access plus 1 seconds"
ExpiresByType text/html "access plus 1 seconds"
ExpiresByType text/xml "access plus 1 seconds"
ExpiresByType text/css "access plus 30 days"
ExpiresByType text/javascript "access plus 30 days"
ExpiresByType image/gif "access plus 30 days"
ExpiresByType image/jpeg "access plus 30 days"
ExpiresByType image/png "access plus 30 days"


توضیح مختصری در مورد کدهای بالا :
در خط اول که دستور روشن شدن حالت expire داده می شود.
در خط دوم به مرورگر گفته می شود که تمام فایل ها ظرف یک ثانیه expire شوند.
در خط پنجم الی آخر، به ترتیب زمان expire شدن فایل های css، java، gif، jpeg و png یک ماه تعیین می شود یعنی اگر حتی تنظیمات مرورگر خود را طوری عوض کنید که در هر بازدید، تغییرات فایل ها را چک کند باز هم تا یک ماه تا زمانی که فایل های ذکر شده در کش مرورگر کاربر باشد درخواستی برای بررسی نسخه جدیدتر آنها ارسال نخواهد شد و این یعنی افزایش سرعت لود سایت شما با به حداقل رساندن تعداد درخواست ها !!!
قبل از ریست کردن سرور خود توسط کد زیر تنظیماتی که انجام داده اید را تست کنید :


service httpd configtest


در صورتی که همه چیز OK بود سرور خود را reset کنید.
اگر شما جزء آن دسته از دوستان هستید که از سرویس های هاستینگ یک هاست اشتراکی (share host) خریداری کرده اید و به فایل کانفیگ سرور دسترسی ندارید می توانید با استفاده از روش زیر و استفاده از فایل .htaccess اینکار را انجام دهید.
ابتدا وارد کنترل پنل هاست خود شوید و فایل .htaccess را برای ویرایش باز و کدهای زیر را در انتهای آن کپی کنید :


### EXPIRES
# month A2592000, week A604800, day A86400, hour A3600,15 min A900
ExpiresActive On
ExpiresDefault A86400
ExpiresByType image/x-icon A2592000
ExpiresByType application/x-javascript A2592000
ExpiresByType text/css A2592000
ExpiresByType image/gif A604800
ExpiresByType image/png A604800
ExpiresByType image/jpeg A604800
ExpiresByType text/plain A604800
ExpiresByType application/x-shockwave-flash A604800
ExpiresByType video/x-flv A604800
ExpiresByType application/pdf A604800
ExpiresByType text/html A900

این هم یک کد دیگر که بسیار موثر است :

### BEGIN .htaccess
# Protect the htaccess file
<Files .htaccess>
Order Allow,Deny
Deny from all
</Files>
# Protect wpconfig.php
<Files wp-config.php>
Order Allow,Deny
Deny from all
</Files>
# Disable directory browsing
Options All -Indexes
# BEGIN COMPRESSION AND CACHING
<IfModule mod_deflate.c>
# Enable compression
AddOutputFilterByType DEFLATE text/css text/javascript application/x-javascript text/html text/plain text/xml image/x-icon
<IfModule mod_setenvif.c>
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] no-gzip
BrowserMatch bMSIE !no-gzip !gzip-only-text/html
BrowserMatch bMSI[E] !no-gzip !gzip-only-text/html
</IfModule>
<IfModule mod_headers.c>
# Make sure proxies deliver correct content
Header append Vary User-Agent env=!dont-vary
# Ensure proxies deliver compressed content correctly
Header append Vary Accept-Encoding
</IfModule>
</IfModule>
<IfModule mod_headers.c>
# No ETags, No Pragma
Header unset Pragma
Header unset ETag
# Default cache time to 1 year (31536000 sec)
Header set Cache-Control "max-age=31536000, public, must-revalidate"
</IfModule>
# No ETags
FileETag none
# CACHE SETTINGS (mod_expires)
<IfModule mod_expires.c>
# Turn on Expires
ExpiresActive On
# set default to "access plus 1 year"
ExpiresDefault A31536000
# html - "modification plus 1 hour"
ExpiresByType text/html M3600
# css and JavaScript - "modification plus 6 weeks"
ExpiresByType text/css M3628800
ExpiresByType text/javascript M3628800
ExpiresByType application/x-javascript M3628800
</IfModule>
# No cache for php-files
<FilesMatch ".(php)$">
<IfModule mod_expires.c>
ExpiresActive Off
</IfModule>
<IfModule mod_headers.c>
Header set Cache-Control "private, no-cache, no-store, ------revalidate, no-transform"
</IfModule>
</FilesMatch>
# END CACHING
# W3 Total Cache are here (automatically included by the plugin):
# WordPress Default Rules are here (at the end of the file):
### END .htaccess

در صورتیکه بخواهید این تغییرات را فقط برای یک دایرکتوری خاص اعمال کنید کافیست کدهای expire دلخواهتان را داخل تگ دایرکتوری با آدرس شاخه مورد نظرتان بگذارید :


<Directory "/apache/http/rpw.ir/img">
کدهای اکسپرای را اینجا کپی کنید
</Directory>
<Directory "/apache/http/rpw.ir/flash">
کدهای مورد نظر اینجا کپی شود
</Directory>


این روش بر روی LocalHost هم جواب می دهد و شما بعد از این تغییرات کافیست تا فایل Log آپاچی خود را با حالت قبلی مقایسه نمایید تا تغییر در تعداد درخواست ها را مشاهده کنید.

 

آمار سایت

اخبار دنیای طراحی سایت

جدیدترین اخبار دنیای طراحی وب
به روز ترین خبرهای دنیای طراحی وب و اینترنت
  • دانلود نرم افزار ویرایش CSS Skybound Stylizer v5.0
    امروزه CSS یکی از ضروری ترین ابزارهای طراحی وبسایت به شمار می رود و طراحی یک سایت حرفه ای بدون استفاده از کدهای CSS، غیر ممکن است زیرا ویژگی ها و مزایای آن برای طراحان وب کاربردی بوده و همچنین موجب زیبایی بیشتر صفحات وب خواهد شد. Skybound Stylizer یک نرم افزار قدرتمند و بسیار [...]
  • دانلود نرم افزار طراحی صفحات وب Microsoft Expression Web v4.0.1460.0
    نرم افزار Microsoft Expression Web نرم افزاری حرفه ای برای طراحی وب سایت های مدرن و استاندارد با سازگاری کامل با تمامی زبان های XML, ASP.NET, XHTML. و حتی PHP است. طراحی های CSS بسیار زیبا، ارائه ی صفحات XML و … قدرتمند، پشتیبانی خوب از فناوری قدرتمند سرور ASP.Net، مدیریت بهتر محیط نرم افزار، [...]
  • دانلود نرم افزار طراحی قالب سایت Artisteer v4.1
    Artisteer نرم افزاری قدرتمند در زمینه طراحی و ساخت قالب است که به کاربران اجازه ایجاد وب سایت  در عرض چند دقیقه، حتی بدون نیاز به دانستن هر چیزی در مورد ویرایش گرافیکی یا HTML را می دهد. توسط این نرم افزار می توانید به طراحی وب، ویرایش و تبدیل، برش گرافیکی، برنامه نویسی XHTML [...]
  • اولین گوشی با سیستم عامل فایرفاکس
    شرکت Geeksphone از شرکای موزیلا در حوزه گوشی ، پس از انجام آزمایش‌های لازم روی نخستین گوشی هوشمند جهان مجهز به سیستم‌ عامل فایرفاکس در نظر دارد، این محصول را هفته آینده وارد بازار کند. دو گوشی هوشمند ساخت این شرکت که قرار است با  سیستم‌عامل فایرفاکس وارد بازار شوند Keon و Peak نام دارند [...]
  • کم شدن محبوبیت یوتیوب و فیس بوک
    استفاده از فیس بوک در میان جوانان در سال ۲۰۱۳ نسبت به سال قبل از آن ۹ درصد کاهش یافته است. به نظر می رسد سختگیری های والدین در مورد نحوه استفاده فرزندانشان از فیس بوک و همین طور دغدغه های موجود در مورد امنیت این سایت و همین طور عدم توجه به حفظ حریم [...]