طلب تعريف عفاريت css ??

تصفحت الرابط المرفق فى الموضوع و لم أجد نص الرسالة .. ما وجدته إن سرعة موقعك فى التصنيف F و معناها إنه ربنا يتولاك برحمته

المشاركة الأصلية كتبت بواسطة: ezzeldean تصفحت الرابط المرفق فى الموضوع و لم أجد نص الرسالة .. ما وجدته إن سرعة موقعك فى التصنيف F و معناها إنه ربنا يتولاك برحمته

اللهم اّمين .. لكن ترجمه النص مثلما ارفقت وبما انك خبير في التصميم ؟

كان يمكن افادتي بشكل أفضل لا برد يزيد من استيائي !

المشاركة الأصلية كتبت بواسطة: Mr King تفضّل أخي

ممنون لمدخلتك أخي كينج وصلاني فعلاً المعلومه واتذكر اني طرحت نفس الفيديو هنا كنصيحه لهم لكن المشكله عندي حبيت اغير لون gradient_tcat.png عن لون gradient_tcat.gif

مثال مباشر هنا وكنت أود ارشادي عن فعل ذلك بطريه صحيحه !

المشاركة الأصلية كتبت بواسطة: ashraf لكن المشكله عندي حبيت اغير لون gradient_tcat.png عن لون gradient_tcat.gif

مثال مباشر هنا وكنت أود ارشادي عن فعل ذلك بطريه صحيحه !

مش فاهم بالضبط تقصد ايه ؟؟

المشاركة الأصلية كتبت بواسطة: Mr King

المشاركة الأصلية كتبت بواسطة: ashraf لكن المشكله عندي حبيت اغير لون gradient_tcat.png عن لون gradient_tcat.gif

مثال مباشر هنا وكنت أود ارشادي عن فعل ذلك بطريه صحيحه !

مش فاهم بالضبط تقصد ايه ؟؟

اقصد اني في الجزئيه هذة كما هي مشار اليها هنا اني مستسنيها من خاصيه الاميج سبريتس وفي نفس الوقت حابب اعرف الخطأ هنا ايضاً واصححه هو بيطلب ضغط الملف css

اقتبـاس ،،


Overview

Compacting CSS code can save many bytes of data and speed up downloading, parsing, and execution time.

؟

المشاركة الأصلية كتبت بواسطة: Mr King بالنسبة لضغط ملف ال css فهذا ما لا أنصح به، لأنّه راح ينقص الكثير من الأكواد وراح يتلخبط المنتدى

ضغط الملف لا يسبب أى مشاكل نهائياً .. كل ما هى فى الأمر إنه يقوم بمسح أى مسافات ليكون الكود مكتوب فى سطر واحد بدلاً من 500 سطر على الأقل



للتأكد طالع الرابط التالى : Click Here و نسخ محتوى الـ CSS و لصقه فى صفحة جديدة فى مُحرر الـ Notepad++ و ستفهم ما أقصده

المشاركة الأصلية كتبت بواسطة: Mr King بالنسبة لضغط ملف ال css فهذا ما لا أنصح به، لأنّه راح ينقص الكثير من الأكواد وراح يتلخبط المنتدى

طيب أخي كينج أنا عاوز أصل للرقم دة حتى مش لازم فول

اقتبـاس ،،


Page Speed Grade:
(99%)
79%
AYSlow Grade:
(97%)
78%

المشاركة الأصلية كتبت بواسطة: ashraf كان يمكن افادتي بشكل أفضل لا برد يزيد من استيائي !

هل تحب أن ( أتفلسف ) عليك و فى آخر المطاف تقول حسبى الله و نعم الوكيل ؟؟!



على العموم خير الكلام ما قل و دل أخى أشرف



لتسريع المنتدى حاول تنفيذ الآتى :-

- تقلل من عرض الصور فى صفحات منتداك مع منع الفلاشات

- إستخدام إعدادات PBBoard Seo

- ضغط ملف الـ CSS هذا موقع جيد لضعط ملفات الـ CSS فقط إختار نوع الملف 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 A7200
	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>

لم يتم تجربة الكود لذلك فإن النتائج سوف تتحملها كاملة

المشاركة الأصلية كتبت بواسطة: ezzeldean

المشاركة الأصلية كتبت بواسطة: Mr King بالنسبة لضغط ملف ال css فهذا ما لا أنصح به، لأنّه راح ينقص الكثير من الأكواد وراح يتلخبط المنتدى

ضغط الملف لا يسبب أى مشاكل نهائياً .. كل ما هى فى الأمر إنه يقوم بمسح أى مسافات ليكون الكود مكتوب فى سطر واحد بدلاً من 500 سطر على الأقل



للتأكد طالع الرابط التالى : Click Here و نسخ محتوى الـ CSS و لصقه فى صفحة جديدة فى مُحرر الـ Notepad++ و ستفهم ما أقصده

للاسف شاهد الصورة

الكود صحيح 100% و لا يسبب مشاكل ، شاهد ملف الـ CSS الخاص يقالب البُستان و ستجد أن ملف مضغوط و يعمل بشكل طبيعى



كما إنى لاحظت إنك تعتمد على الصور بدلاً من الـ CSS مثال الصورة التالية







يمكنك أن تستبدل السطر التالى

background: #C65202 url(images/gradient_tcat.gif) repeat-x;<br />

بهذا السطر

background: #C25101;<br />

و إذا تم إستبدال مثل هذه السطور عدة مرات بشكل ملحوظ سوف يساعد على توفير حجم ملف الـ CSS و تقليل الصور و زيادة سرعة المنتدى



لأن السطر الأول يأخذ 62 بايت أما السطر الثانى يأخذ 20 بايت فقط و إذا تم إستبدال مثلاً 100 سطر فسوف توفر حوالى 4 كيلو بايت فى ملف الـ CSS و توفر إستعراض الصورة فى المتصفح

المشاركة الأصلية كتبت بواسطة: ezzeldean

المشاركة الأصلية كتبت بواسطة: ashraf كان يمكن افادتي بشكل أفضل لا برد يزيد من استيائي !

هل تحب أن ( أتفلسف ) عليك و فى آخر المطاف تقول حسبى الله و نعم الوكيل ؟؟!



على العموم خير الكلام ما قل و دل أخى أشرف



لتسريع المنتدى حاول تنفيذ الآتى :-

- تقلل من عرض الصور فى صفحات منتداك مع منع الفلاشات

- إستخدام إعدادات PBBoard Seo

- ضغط ملف الـ CSS هذا موقع جيد لضعط ملفات الـ CSS فقط إختار نوع الملف CSS



عمل ملف .htaccess و ضع به الكود التالى

CODE

	# 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 A7200
	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>

لم يتم تجربة الكود لذلك فإن النتائج سوف تتحملها كاملة

لم يتم تجربة الكود لذلك فإن النتائج سوف تتحملها كاملة حسناً أمهلني بعض الوقت للتفكير

المشاركة الأصلية كتبت بواسطة: ezzeldean الكود صحيح 100% و لا يسبب مشاكل ، شاهد ملف الـ CSS الخاص يقالب البُستان و ستجد أن ملف مضغوط و يعمل بشكل طبيعى



كما إنى لاحظت إنك تعتمد على الصور بدلاً من الـ CSS مثال الصورة التالية







يمكنك أن تستبدل السطر التالى

CODE

background: #C65202 url(images/gradient_tcat.gif) repeat-x;<br />

بهذا السطر

CODE

background: #C25101;<br />

و إذا تم إستبدال مثل هذه السطور عدة مرات بشكل ملحوظ سوف يساعد على توفير حجم ملف الـ CSS و تقليل الصور و زيادة سرعة المنتدى



لأن السطر الأول يأخذ 62 بايت أما السطر الثانى يأخذ 20 بايت فقط و إذا تم إستبدال مثلاً 100 سطر فسوف توفر حوالى 4 كيلو بايت فى ملف الـ CSS و توفر إستعراض الصورة فى المتصفح

ياأخي عزإن كان عليا مش حابب موضوع الصور خالص .. الغيها مافي مشكله لكن عاوز منك تكويد CSS6 صحيح بنفس الالوان الي عندي حالياُ ويكون متوافق مع جميع المتصفحات والمعايير العالميه .. وسألت حضرتك على الجي ميل قبل عن الموضوع هذا وليه موضوع الصور وهل يمكن الاستغناء عنها .. اتتذكر هذا الحديث بالأمس القريب