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


تبليغات
سامانه ي پيامکي آز پي ان يو مقالات ISI
فروشگاه اينترنتي آز پي ان يو خريد شارژ آز پي ان يو

آموزش كامل بهينه و سريع سازي سايت زمان کنونی: ۱۸-۹-۱۳۹۵، ۰۷:۳۱ :عصر
کاربرانِ درحال بازدید از این موضوع: 1 مهمان
نویسنده: The DaRk PrOpheT
آخرین ارسال: The DaRk PrOpheT
پاسخ: 1
بازدید: 1065

ارسال پاسخ 
 
امتیاز موضوع:
  • 30 رأی - میانگین امتیازات: 3.73
  • 1
  • 2
  • 3
  • 4
  • 5

آموزش كامل بهينه و سريع سازي سايت

۶-۲-۱۳۹۱, ۰۶:۱۳ :عصر
ارسال: #1
آموزش كامل بهينه و سريع سازي سايت
قصد دارم آموزشي براتون گرد كنم كه با كمك دستور المعل ها و نكته هايي كه بيان ميكنم بتونيد خودتون سايتتون رو تا حد حرفه ايي بهينه كنيد .
در همين ابتدا عرض كنم اين آموزش ها حاصل تجربه چند ماهه بنده هست \ در صورتي كه كپي ميكنيد حتما لينك و نام سايت منبع : Pcalfa.com را ذكر كنيد .
البته بنده با سيست جديد وي سي پي شخصا كار نكردم ولي خب تقريبا 80% آموزش به تمام سايت هاي اينترنتي مي خوره .
خب آموزش رو شروع ميكنم
( ما در اين آموزش براي مثال ها و نكات از سايت دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
استفاده ميكنيم )
ابتدا وارد ادرس اينرنتي زير شويد :
کد:

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


کد:

در بخش
کد:

Analyze Performance of:

آدرس صفحه مورد نظر رو مينويسيم .
ما در اين آموزش همون طور كه گفتم از دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
استفاده ميكنم .
آدرس را وارد كرده و روي كليد Go كليك ميكنيم .
در مرحله بعدي كافيست چند لطحضه صبر كنيد تا سايتتون آناليز بشه .
در نهايت چنين صفحه ايي خواهيم داشت : دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.



خب دي سمت راست اطلاعاتي به شرح زير خواهيم داشت :
کد:

Page load time: 18.50s

کد:

Total page size: 785KB Total number of requests: 87

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

Page Speed Grade

کد:

وضعيت كلي سرعت رو رتبه گذاري ميكند كه در اينجا رتبه D را داريم .
65%
کد:

YSlow Grade


مربوط به درسب بودن اساس كد نويسي قالب هست .
خب ما در اين آموزش بخش هاي کد:

Breakdown

رو توضيح خواهيم داد و خواهيم گفت چگونه ميتوان اكثر اين موارد را برطرف كرد .


1. قسمت Minify CSS


کد:

Minifying the following CSS resources could reduce their size by 11.6KiB (18% reduction).

کد:

Minifying دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
could save 3.5KiB (23% reduction). See optimized version. Minifying دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
could save 2.4KiB (15% reduction). See optimized version. Minifying دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
could save 1.2KiB (16% reduction). See optimized version. Minifying دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
could save 1.2KiB (19% reduction). See optimized version. Minifying دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
could save 1.1KiB (12% reduction). See optimized version. Minifying دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
could save 820B (15% reduction). See optimized version. Minifying دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
could save 721B (72% reduction). Seeoptimized version. Minifying دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
could save 509B (24% reduction). See optimized version. Minifying دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
could save 220B (18% reduction). See optimized version. Minifying دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
could save 67B (30% reduction). Seeoptimized version. Minifying دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
could save 28B (2% reduction). See optimized version.

اين قسمت از شما ميخواهد css هايي را كه قرار داده را با نمونه فشرده شده جايگذين كنيد .
نحوه كار بدين صورت است براي مثال ادرس زير را
کد:

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



درصورتي كه از هاست اشترايك استفاده ميكنيد اديت كرده و با نمونه فشرده عوض كنيد \ درصورتي كه از كد قالب اسفاده ميكنيد بايد لينك اين css را در كد قالب خود جست و جو كنيد .
با كمك كليد هاي تركيبي Ctrl + F5
__________________________________________________ ____________________________________________
2.قسمت Minify HTML
اين قسمت نيز مانند نمونه بالاست .
به راحتي ميتوانيد اين قسمت نيز از بين ببريد .
نكته : انجام اين قسمت توصيه نميشود .
__________________________________________________ ____________________________________________
3. قسمت Enable gzip compression
اين قسمت تنها مختص سايت ها است و در وبلاگ نميتوان آن را از بين برد .
اين قسمت بسيار آسان است .
كافي است فايل زير را در هاست خود پيدا كنيد
کد:

.htaccess


آن را ويرايش كرده و كد زير را در آن قرار دهيد
کد:

# BEGIN Compress text files

کد:

SetOutputFilter DEFLATE # END Compress text files # BEGIN Expire headers ExpiresActive On ExpiresDefault "access plus 1 seconds" ExpiresByType image/x-icon "access plus 2592000 seconds" ExpiresByType image/jpeg "access plus 2592000 seconds" ExpiresByType image/png "access plus 2592000 seconds" ExpiresByType image/gif "access plus 2592000 seconds" ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds" ExpiresByType text/css "access plus 604800 seconds" ExpiresByType text/javascript "access plus 216000 seconds" ExpiresByType application/javascript "access plus 216000 seconds" ExpiresByType application/x-javascript "access plus 216000 seconds" ExpiresByType text/html "access plus 600 seconds" ExpiresByType application/xhtml+xml "access plus 600 seconds" # END Expire headers # BEGIN Cache-Control Headers Header set Cache-Control "max-age=2592000, public" Header set Cache-Control "max-age=604800, public" Header set Cache-Control "max-age=216000, private" Header set Cache-Control "max-age=600, private, must-revalidate" # END Cache-Control Headers # BEGIN Turn ETags Off Header unset ETag FileETag None # END Turn ETags Off # BEGIN Remove Last-Modified Header Header unset Last-Modified # END Remove Last-Modified Header

در صورتي كه فايل بالا را پيدا نكرديد ابتدا قابليت نمايش فايل هاي مخفي را از فايل منيجر فعال كنيد
در صورتي كه باز هم نبود فايل با اسم بالا ايجاد كنيد .
اصول كار gzip فشرده سازي اطلاعات هست .
__________________________________________________ ____________________________________________
4. قسمت Parallelize downloads across hostnames
این قسمت از شما درخواست میکند که عکس ها را از 2 یا 3 دامین مختلف اجرا کنید تا باعث بهبود در سرعت شود و مثلاً همزمان 2 عکس سایت با هم اجرا شوند . کاری که IDM انجام میدهد .
مثلا :
کد:

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


حال اگر در سورس قالب خودم دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
را به دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
يا هر دامين ديگري تغيير دهيم اين قسمت نيز از بين ميرود .


روش تغییر دادن اون هم به این صورت هست که باید مثلاًPortals/0/Containers/Irsarbaz/images/DNN-plus.png رو پیدا کنید و قبل از اون دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
رو اضافه کنید که در آخر بشه :
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

__________________________________________________ ____________________________________________
5. قسمت Specify image dimensions


این قسمت نیز کمی دشوار است . در این قسمت جی تی متریکس از شما میخواهد برای یکایک عکس های موجود در انجمنتان width و height تعریف کنید .
کد:

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgsAAAAsCAYAAAD raftpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbW... دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
(Dimensions: 16 x 16) دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
(Dimensions: 75 x 53) دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
(Dimensions: 75 x 55) (3 uses) دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
(Dimensions: 75 x 42) دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
(Dimensions: 75 x 52) دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
(Dimensions: 75 x 58) دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
(Dimensions: 75 x 52) دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
(Dimensions: 75 x 58) دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
(Dimensions: 75 x 56) دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
(Dimensions: 75 x 46) دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
(Dimensions: 75 x 52) دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
(Dimensions: 17 x 15) (2 uses) دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
(Dimensions: 17 x 13) (2 uses) دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
(Dimensions: 17 x 13) (2 uses) دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
(Dimensions: 17 x 13) (4 uses) دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
(Dimensions: 13 x 5) (8 uses)

اگر توجه کنید انتهای هر یک نوشته شده : (Dimensions: 16 x 16) که اولی width و دومی height می باشد .


به منظور رفع هر یک باید در جستجوی قالب نام ها را جستجو کنید و وقتی پیدا کردید مثلاً کد به این صورت است :


کد:



مثلاً اگر (Dimensions: 16 x 16) بود باید بعد از alt="" به این صورت وارد کنید :
کد:

width="16px" height="16px"


__________________________________________________ ____________________________________________
6. قسمت Optimize Images
همانگونه که در عکس میبینید ، این قسمت دو جزء دارد .


جزء اول : آدرس عکس


جزء دوم : optimized version


همانگونه که در عکس میبینید ، این قسمت دو جزء دارد .


جزء اول : آدرس عکس


جزء دوم : optimized version


کاری که شما باید بکنید این هست که optimized ورژن رو از gtmetrix بگیرید به اسم فایل اصلی save کنید ( چون معمولاً مقدار زیادی اضافات دارد ) و آن را به جای اصلی اش در هاست برده و replace کنید .


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


برای رفع این مشکل باید فایل ها را به جای اصلی خودشان با همان فرمت png برده و سپس از طریق css gif آن ها را با png رینیم کنید .
__________________________________________________ ____________________________________________
7. قسمت Minify JavaScript
شما باید نسخه ای که gtmetrix به شما میده رو با نسخه اصلی خودتون توی هاست عوض کنید .


برای کاربرانی که از سی پنل استفاده میکنند این کار خیلی راحت خواهد بود .


file manager سپس public_html سپس به دنبال پوشه بروید .


کلیک راست کنید --> edit و سپس کد ها رو عوض کنید . دقت داشته باشید در صورتی که کد نصفه آمد ( یعنی فقط سه خط اول اون اومد ) باید از بالا روی utf-8 تنظیم کنید و re open کنید .
__________________________________________________ ____________________________________________
8. قسمت Minimize DNS Lookups
برای زمانی هست که شما از کد وبگذر ، ادگاه ، اکسین ادز ، الکسا یا .. در سایتتون استفاده میکنید .


در صورت حذف اون ها سرعت انجمن شما بالاتر خواهد رفت .


من به شما استفاده از آمارگیر Tiny Stat را پیشنهاد میکنم .
__________________________________________________ ____________________________________________
9. قسمت Avoid bad requests که از شما میخواهد عکس هایی که وجود ندارند و حذف شده اند را بازگردانید که این هم کار ساده ای است .


عکس های نام برده شده را به محل نشان داده شده بروید تا این قسمت کاملاً از بین برود
__________________________________________________ ____________________________________________

منبع \ گرد آورنده : پي سي آلفا
بودن آدم عین هو امضاشه...
-متین فروزنده:؟؟
-حاضر...
همین که خودمم نه یکی دیگه،یعنی:
امضا،متین فروزنده...
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
 سپاس شده توسط Administrator
ارسال پاسخ 


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان


آپلودسنتر آز پي ان يو تالار گفتمان آز پي ان يو
تبلیغات نیازمندی های استان چهارمحال و بختیاری