بهینه سازی کدهای قالب وردپرس(بخش1 )

:بهینه سازی کد های پوسته های وردپرس

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

چک کردن کد های قالب سایت

سایت w3.org یکی از سایت هایی است که میتواند سایت شما را بررسی کند. البته در خصوص زبان های سمت کاربر شما به شما میگوید :
که آیا کد های html یا css قالب وردپرس شما خطا دارد یا خیر. به وبسایت مراجعه کنید.
ویک بخش به نام Markup Validation Service وجود دارد.
که با سرچ این واژگان در اینترنت هم به صفحه این سایت خواهید رسید.
سپس ادرس سایت خود را وارد کنید اگر ارور داشته باشید.
به شما خط کدی که نوشته شده را خواهد گفت .
در غیر این صورت با پیغام passed مواجه خواهید شد که یعنی هیچ اروری وجود ندارد.

از نظر css هم به بخش CSS Validation Service مراجعه کنید.

تا دوباره ادرس سایت را وارد کرده و سپس اگر ارور داشته باشید.
به شما خط کد را میگوید در غیر این صورت با پیغام no error found مواجه خواهید شد.
این سایت به شما راهکار هایی برای حل کردن ارور های زبان سمت کاربر پیشنهاد میدهد.

بهینه سازی کد های سمت کاربر

همانطور که گفتیم یک بخش از سایت ارور ها است که باید برطرف شوند.
اما قبل از آن برگردیم به آپدیت بودن زبان های برنامه نویسی :
شاید شما html , css بلد باشید ولی در این چند ساله که html5 , css3 فعالیت خود را آغاز کرده اند تغییر و تحولی
در طراحی وبسایت ایجاد کرده اند که حتی به html5 منجی وب نیز میگویند .
همانطور که گفتیم در ظاهر وبسایت کد هایی که در css3 اضافه شده اند با نسخه قبلی آن بسیار قدرتمند تر است
کدهایی مانند transparent، rotate و… که جذابیتی را در طراحی ایجاد میکند.
شما میتواند حالت 3 بعدی و 2 بعدی را با css3 طراحی و ایجاد میکند .

از نظر سرعت و سئوی سایت:

از نظر سرعت و سئوی سایت دوباره بر میگردیم به بحث ، بروز بودن زبان های برنامه نویسی که در این بخش سمت کاربر را خواهیم گفت :

  • سرعت:

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

  • سئو

همچنین از نظر سئو موتور جستجویی قدرتمند به نام گوگل نیز بروز رسانی های خود را ،همزمان با بروز رسانی کنسرسیوم جهانی وب انجام میدهد.
و ربات های آن برای خوانایی سایت و شناسی بخش ها مانند header ، footer و محتوای بین آن ها بر اساس html5 انجام میدهد.
تگ هایی مانند:
article کمک میکنند تا ربات های گوگل سریع تر به نوشته های مهم سایت برسند.
و تگ ها عنوان گذاری نیز در شناسایی کابرد سایت بسیار سهیم هستند.

نکته ها:

نکته : دقت کنید که در طراحی سایت تگ های درون خطی کمی به کارببرید (تگ های درون خطی مانند استایل ها، خاصیت هایی مانند طول و عرض )
نکته 2: سعی کنید تمامی اسکریپت هایی که مینویسید در یک صفحه باشد و در هدر سایت آن صفحه فراخوانی شده باشد.
نکته 3: برخی از طراحان استایل های سایت خود را در فوتر قرار میدهند تا در هنگام بارگذاری سایت اول html خواند شود و بعد استابل های سایت .
نکته 4:حتما حتما کد هایی که مینویسید برای کاربر کاربرد داشته باشد و در غیر این صورت شما کد های اضافی بسیار زیادی را در صفحه خواهید داشت .
نکته 5 : عکس هایی که در صفحه به کار میبرید تعداد کمی از مهمترین آن ها png باشد و باقی عکس ها با فرمت jpg.
نکته 6 : خاصیت هایی مانند title ,alt بسیار مهم است که در تگ ها به کاربرده شوند
نکته 7 : به اصول کد نویسی در html 5 دقت کنید برای ساید بار از تگ side برای بالا و پایین سایت از کد header , footer برای نوشته و مطلب از تگ article و برای بخش بندی از تگ section استفاده کنید .
نکته 8 : صفحه را با css3 و جاوااسکریپت متحرک سازید و انیمیشن در آن به کار ببرید .
نکته 9 : در مورد css تحقیقات انجام دهید و ببینید چه کد هایی مصرف پردازش بیشتری را دارند و از آن ها در جاهای خاص استفاده کنید.


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