باشکردنی وێنە بەرزترین گەڕانەوەی وەبەرهێنان بۆ کارایی وۆردپرێس دابین دەکات: بە هەبوونی پێکهاتە و تێمەی لاپەڕەی هاوشێوە، تەنها ڕێکخستنی قەبارە، ڕەهەندەکان، فۆرمات، و شێوازی گەیاندنی وێنەکان زۆرجار دەتوانێت باشبوونی دەستبەجێ لە ئەزموونی باربووندا بەدەست بهێنێت.

بەڵام، باشکردنی وێنە هەروەها زیاتر ئەگەری ئەوەی هەیە ببێتە هۆی دۆخێک کە تێیدا “هەرچەندە زیاتر دەستکاری بکەیت، خراپتر دەبێت”. هۆکارەکە ئەوە نییە کە تەکنیکەکە زۆر قورسە، بەڵکو ئەوەیە کە زانیارییەکان زۆر پارچەپارچەن:
چەند وتارێکت خوێندووەتەوە و فێری “پەستێن” (compression)، “WebP/AVIF” و “بارکردنی تەمبەڵ” (lazy loading) بوویت، بەڵام کاتێک سەیری وەسفی پلاگینەکە دەکەیت، دەبینیت نووسراوە “مانگانە ١٠٠ کرێدیتی خۆڕایی”، “٢٠١TP234T خۆڕایی” و “١ کرێدیت بۆ هەر وێنەیەک”—و هەرچەندە زیاتر دەخوێنیتەوە، ئەوەندە زیاتر سەرلێشێواو دەبیت. ئایا ئەم بڕە خۆڕاییە بەڕاستی بەسە؟ تێچووەکان چۆن لێدەکرێنەوە؟ ئایا “هەمان شت'ت بە هەڵە تێگەیشتووە؟ و گرنگتر لە هەمووی:ئایا بەڕاستی کاری کرد دوای ئەوەی تەواوت کرد؟

ئەم وتارە تەنها سێ شت دەکات:

  1. ئەوەتا یەکێکی کرداری بۆت.نەخشەڕێگا(سەرەتا چی بکەین، دواتر چی بکەین)
  2. بە ڕوونی ئەو بژاردانە ڕوون بکەرەوە کە دەتەوێت هەڵیانبژێریت (جیاوازیی نێوان وەشانی خۆڕایی و بە پارە چییە، و کامەیان بۆ کێ گونجاوە).
  3. لێرەدا باس لە باوترین کێشەکان دەکەین (بۆ ئەوەی دوای تەواوکردن، لە ماندووبوونی گەڕان بەدوای چارەسەردا ڕزگارت بکات)

١. ناوەک: ئەوەی وۆردپرێس بە شێوەی بنەڕەتی لەخۆدەگرێت، و ئەوەی کە لەخۆناگرێت

ئەگەر سەرەتا تێنەگەیت کە ناوکی وۆردپرێس پێشتر چی جێبەجێ کردووە، ئەگەری ڕوودانی دوو بارودۆخ هەیە:

  • لەبری سوودوەرگرتن لە “توانا بەردەستە خۆڕاییەکان”، کات و پارەمان بەفیڕۆ داوە بە داهێنانەوەی شتێکی زۆر ئاسایی.
  • پێم وابوو وۆردپرێس “خۆکارانە هەموو وێنە کۆنەکان بۆ WebP/AVIF بگۆڕێت”، بەڵام دەرکەوت کە وا ناکات.

ناوکی وۆردپرێس پێشوەختە ئەم توانا سەرەکییانەی تێدایە:

  • وێنە وەڵامدەرەوەکان (srcset/sizes)لە وۆردپرێسی ٤.٤ـەوە، ناوکی سیستەمەکە وێنەکان پیشان دەدات. srcsetsizesو سوود لەو وێنانە قەبارە-جیاوازانە وەربگرە کە لە کاتی بارکردندا دروست دەبن، تاکو وێبگەڕ بتوانێت بەپێی بارودۆخی شاشە سەرچاوەی گونجاوتر بۆ بارکردن هەڵبژێرێت.
  • بارکردنی تەمبەڵی خۆماڵیوۆردپرێس ٥.٥ و وەشانی نوێترەکان بە شێوەی بنەڕەتی بارکردنی تەمبەڵی خۆماڵی بۆ وێنەکان چالاک دەکەن، بە بەکارهێنانی ستانداردەکانی HTML. loading جێبەجێکردنی موڵک
  • پشتیوانی بارکردنی فایلەکانی WebP دەکاتوۆردپرێس لە وەشانی ٥.٨ـەوە ڕێگە بە بارکردن و بەکارهێنانی فایلەکانی WebP دەدات، هەروەک JPEG/PNG (بە مەرجێک ژینگەی هۆستینگ پشتگیری لە WebP بکات).
  • پشتیوانی لە بارکردنی AVIF دەکاتوۆردپرێس ٦.٥ و بەدواوە ڕێگە بە باردکردن و بەکارهێنانی فایلەکانی AVIF دەدات بە هەمان شێوەی JPEG/PNG (بە مەرجێک ژینگەی هۆستینگ پشتگیریی لێ بکات).

بەڵام، تێبینی:
“پشتگیری بۆ بارکردن/بەکارهێنان” ≠ “گۆڕینی ئۆتۆماتیکی/گەیاندنی ئۆتۆماتیکی”.
بە واتایەکی تر: تەنانەت ئەگەر ئێستا وێب پەیج ٦.٥ بەکاردەهێنیت، فایلەکانی JPG/PNG لە کتێبخانەی میدیاتدا بە شێوەیەکی ئۆتۆماتیکی ناگۆڕدرێن بۆ WebP/AVIF؛ هەروەها بە شێوەیەکی ئۆتۆماتیکی توانای تەواوی “دەرچوونی AVIF/WebP لەسەر بنەمای پشتگیریی وێبگەڕ، لە کاتێکدا بۆ ئەو وێبگەڕانەی پشتگیری ناکەن دەگەڕێتەوە بۆ وێنە ڕەسەنەکە” بەدەست ناهێنیت – ئەم کاراییە بە شێوەیەکی گشتی پێویستی بە پڵەگین یان خزمەتگوزاریی زیادە هەیە بۆ تەواوکردنی چارەسەرەکە.

٢. نەخشەڕێگا: باشکردنی وێنە لە ٥ هەنگاودا

چی بکرێت، بۆچی، چی پێکدێت لە ئەدایەکی ڕەزامەندانە، و ئاستەنگە باوەکان چین.

٢.١ سەرەتا ڕەهەندەکان بە دروستی وەربگرە (ئاسانترین شتە کە پشتگوێ دەخرێت، بەڵام گەورەترین دەستکەوتەکانی هەیە)

زۆرێک لە ماڵپەڕەکان خاوە نەک لەبەر ئەوەی پەستانیان نەکردووە، بەڵکووێنەیەک دابەزێنرا کە بە شێوەیەکی بەرچاو لە ڕووبەری شاشەکە گەورەتر بوو
بۆ نموونە، ئەگەر پەڕەیەک لە ڕاستیدا تەنها ٩٠٠ پکس پانیی هەبێت، بەڵام وا لە سەردانکەران بکەیت وێنە تەواوەکەی کە ٣٠٠٠ پکسە دابەزێنن، وێبگەڕەکە بە سادەیی “پێش بچووککردنەوەی بۆ پیشاندان، بە تەواوی دایبەزێنێت”. ئەمەش باندبەرید بەفیڕۆ دەدات، کاتی شیکردنەوە زیاد دەکات، و باربوونی یەکەم پەڕە خاو دەکاتەوە.

وۆردپرێس ٤.٤ و بەرزترمەکانیزمی وێنەی وەڵامدەرەوەsrcset/sizes) بەتایبەتی بۆ چارەسەرکردنی ئەم کێشەیە.

نمرەی پەسەندکردن چی پێکدەهێنێت:

  • کاتێک پەڕەکە لەسەر ئامێرێکی مۆبایل دەکەیتەوە، پێویستە ڕەهەندەکانی وێنە داونلۆدکراوەکە بە شێوەیەکی بەرچاو بچووکتر بێت لەوەی لەسەر دیسکتۆپ.
  • قەبارەی سەرچاوەی هەمان وێنە لەسەر ئامێرە جیاوازەکان دەگۆڕێت (لەبری ئەوەی هەمیشە وێنە ڕەسەنەکە دابەزێنرێت).

باوترین تەڵەکان:

  • هەندێک تێما/دروستکەر لەوانەیە بەدەوری ئەمەدا بچنەوە بەوەی وێنەکان وەک وێنەی باکگراوندی CSS مامەڵەیان لەگەڵ دەکەن یان شێوازی دەرچوونی تایبەت بەکار دەهێنن. srcsetکە دەبێتە هۆی داگرتنی بەردەوامی وێنەی گەورە
  • بە بەکارهێنانی خزمەتگوزارییەکانی هۆستکردنی وێنەی دەرەکی یان بلۆکی وێنەی لایەنی سێیەم، دەتوانیت باز بەسەر سیستەمی قەبارە جیاوازەکاندا بدەیت کە لەلایەن کتێبخانەی میدیاوە دروست کراوە.

٢.٢ پەستێن (قەبارەی کەی بی کەم بکاتەوە، بەڵام کوالێتییەکەی نەگۆڕێت)

جەوهەری کۆمپرێشن ئەوە نییە کە “هەرچەندە بچووکتر بێت باشترە”، بەڵکو “جیاوازییەکە کە بە چاوی ئاسایی بە ئەستەم هەستی پێدەکرێت، لەگەڵ کەمکردنەوەیەکی بەرچاوی قەبارەدا”.

یاساکان بەم شێوەیەن:

  • وێنەکان/گرتە ڕاستەقینەکان (پۆرترەیت، بەرهەم، دیمەنی سروشتی)پێشینەیی بدە بە پەستکردنەوەی زیانبەخش (زیادکردنی قازانجەکان)
  • وێنەی شاشە/وێنە لەگەڵ دەقی زۆرپەستاندن دەبێت پارێزگارانەتر بێت بۆ ئەوەی دەقەکە لێڵ دەرکەوتن.
  • لۆگۆ/ئایکۆنپێشینەیی بدە بە SVG یان پەنا ببە بەر پەستکردنەوەی بێ زیان (لەبەرئەوەی پەستکردنەوەی زیانبەخش بە ئاسانی دەبێتە هۆی لێڵبوونی لێوارەکان).

نمرەی پەسەندکردن چی پێکدەهێنێت:

  • قەبارەی وێنەکان لە زۆربەی لاپەڕەکاندا بە شێوەیەکی بەرچاو کەم بووەتەوە.
  • هیچ ژاوەژاوێکی بەرچاو، لێواری لێڵ، هێڵی ڕەنگەکان، یان لێڵبوونی نووسین نییە.

٢.٣ وێبپی / ئەیڤایف (سیاسەتی فۆرمات: قەبارەی فایلی بچووکتر بۆ ڕوونیی هاوتەریب)

وۆردپرێس ئێستا پشتگیریی بارکردن دەکات. WebP (٥.٨) و AVIF (٦.٥)
بەڵام، بۆ ئەوەی “فۆرماتی نەوەی داهاتوو” بە شێوەیەکی کرداری بخرێتە بەکارهێنانەوە، دوو بابەت بە شێوەیەکی گشتی پێویستە چارەسەر بکرێن:

  1. چۆنیەتیی گۆڕینی بەکۆمەڵی ئەرشیڤی میدیای مێژوویی(وەنا، تۆ تەنها “وێنە نوێیەکانی بارکراوی داهاتوو'ت باشتر کردووە)
  2. کۆپییەک دروست بکرێت، یان وێنە ڕەسەنەکە جێبگردرێتەوە؟(ئەمە خاڵی وەرچەرخانی گرنگە؛ دواتر تیشک دەخەینە سەر “جێگرتنەوە و سڕینەوەی وێنە ڕەسەنەکان” لەلایەن پڵەس وێبپییەوە.)

شێوازی نووسینی پێشنیارکراو:

  • WebP: بە گشتی هەڵبژاردەی بنەڕەتیی پێشنیارکراو (کە گونجانێکی جێگیرتر پێشکەش دەکات)
  • AVIF: هەنگاوێکی زیاتر لە پەستێنانددا، گونجاوە بۆ وێنەی گەورە/بانەری شاشەی سەرەکی/وێنەی ئەلبوم (هەرچەندە زیاتر...پشت بەستوو بە پشتیوانیی ژینگەیی

٢.٤ بارکردنی تەمبەڵانە دەبێت بە شێوەیەکی دروست جێبەجێ بکرێت (خۆبەدوورگرتن لە ڕێبازێکی گشتگیر)

وۆردپرێس ٥.٥ و بەدواوەبارکردنی تەمبەڵ بە شێوەی بنەڕەتیوێنە
بەکارهێنانی باندبەرید لە کاتی ڕێندەرکردنی سەرەتاییدا کەم دەکاتەوە:

  • بارکردنی تەمبەڵ بۆ “سەرچاوەکانی دەرەوەی شاشە” گونجاوە.”
  • گرنگترین وێنە لەسەر شاشەی یەکەم (کە زۆرجار وێنەی سەرەکیی شاشەی یەکەمە) زۆرجار بۆ بارکردنی دواخراو گونجاو نییە.

٢.٥ چینی گەیاندن: CDN / وێنە CDN

پەستێناندن، قەبارە و فۆرمات وەڵامی پێویستیی “فایلی بچووکتر و گونجاوتر” دەدەنەوە.
بەڵام، ئەگەر وێنەکان بەردەوام لە سێرڤەری سەرەکییەوە لە دوورییەکی دوورەوە وەربگیرێن، دواکەوتنی تۆڕ هێشتا کاریگەرییەکی بەرچاوی لەسەر ئەزموونی بەکارهێنەر دەبێت. لەم جۆرە حاڵەتانەدا، چارەسەرێکی “چینی گەیاندن” پێویستە (CDN/image CDN).

دوو ڕێبازی نموونەیی:

  • کلاودفلێر پۆڵەندابەڵگەنامەکانی کلاودفلێروتارەکە شێوازەکانی پەستاندنی پۆڵیش (بێ زیان/زیاندار/WebP) دەناسێنێت و باس لە بەکارهێنانیان دەکات. format=auto بەکارهێنانی فۆرماتەکانی WebP/AVIF ڕێگەپێدراوە.
  • خێراکەری ماڵپەڕی جێتپاکبەڵگەنامەی جێتپاکوێنەکان باشتر دەکات و لەگەڵ سەرچاوە جێگیرەکاندا لە ڕێگەی تۆڕەکەیەوە دابەشیان دەکات.

باشکردنی وێنە بەرپرسە لە کەمکردنەوەی قەبارە و دڵنیابوونەوە لە گونجاوی.CDN: گەیاندن بە شێوەیەکی نزیکتر و جێی متمانەتر

٣. هەڵبژاردن: تەنها دوو ڕێگای سەرەکی دەگیرێنەبەر.

باوترین خەڵەت لە باشکردنی وێنەدا “نەتوانینی دامەزراندنی پڵەگینەکان” نییە، بەڵکو دامەزراندنی ژمارەیەکی زۆر پڵەگینە کە دەبێتە هۆی دووبارەبوونەوەی پرۆسێسکردن:
ئەی دەیانچەسپێنێت، بییش هەروا دەکات؛ ئەی دەیانگۆڕێت بۆ WebP/AVIF، بییش هەروا دەکات؛ ئەی یۆرڵەکان دەگۆڕێت، بییش هەروا دەکات— لە کۆتاییدا، تەنانەت خۆشت ناتوانیت ڕوونی بکەیتەوە کە لە ماڵپەڕەکەدا چی ڕوودەدات.

یاساکان:

تەنها یەک ڕێگای لەپێشە: یان کۆگای ناوخۆیی بەتەواوی ئازاد، یان پەستێنانی هەوری بە سێ بژاردەی جیاوازەوە.

  • ڕێگای A (تەواو خۆڕایی ناوخۆیی):لەگەڵ WebP یان AVIF + باشکەرەوەی وێنەی EWWW(یان تەنها یەکێکیان هەڵبژێرە)
  • ڕێگای B (یەکێک لە سێ بژاردەی پەستکردنەوەی هەور هەڵبژێرە):ShortPixel / Imagify / TinyPNG

٣.١ ڕێڕەوی A: تەواو خۆماڵی (لەگەڵ WebP یان AVIF یان EWWW)

تایبەتمەندییە دیاریکەرەکانی ئەم ڕێگایە بریتین لە:

  • پشت بە خزمەتگوزارییەکانی پەستێنانی لایەنی سێیەم نابەستیت کە لەسەر بنەمای کۆتای مانگانە یان بۆ هەر فایلێک کار دەکەن (هەرچەندە ڕەنگە هەندێک تایبەتمەندی خزمەتگوزاریی بەردەست پێشکەش بکەن).
  • لایەنی نەرێنییەکەی ئەوەیە کە جێبەجێکردنی بەکۆمەڵ لەوانەیە بارێکی قورستر بخاتە سەر سێرڤەرەکە لە ڕووی CPU/IO، کە پێویست دەکات سەرنجی زیاتر بدەیتە “ستراتیژی و مەترسی”.”

3.1.1 زێدە: WebP یان AVIFچەمکی سەرەکی بریتییە لە “دروستکردن/جێگرتنەوە”، کە ئامرازێکی “پەستاندن'ی تەقلیدی نییە.”

  • لە کاتی دروستکردنی وێنەی ڕوونی تەواودا:ناسنامەی فایلی وێنە ڕەسەنەکە بە فایلی WebP/AVIF دەنووسرێتەوە، فایلی ڕەسەنەکە دەسڕدرێتەوە، و URLـەکەش لەناو ناوەڕۆکەکەدا دەگۆڕدرێت.
  • پلەگ ئینەکە فەرمانەکانی WP-CLI دابین دەکات و ئامۆژگاری دەکات: لە کاتی مامەڵەکردن لەگەڵ ژمارەیەکی زۆر لە فایلەکاندا، WP-CLI جێی متمانەتر دەردەکەوێت.

ئەمە ئەوە دەگەیەنێت: کە بە بێدەنگی وێنەیەکی WebPت بۆ دروست ناکات، بەڵکو لەوانەیە تەنها یەک جار ڕووبدات.گواستنەوەی سەروەت و سامان(بەتایبەتی کاتێک بژاردەی “جێگرتنەوە و سڕینەوەی وێنە ڕەسەنەکە” چالاک دەکەیت).

جیاوازیی نێوان دوو دۆخەکە

شێوازی ١: هێشتنەوەی وێنە ڕەسەنەکە + دروستکردنی کۆپیی WebP/AVIF (سەقامگیرتر)

  • سوودەکەی: لە کاتی کێشەی گونجانیدا، گەڕانەوەی ئاسانترە.
  • تێچوو: بەکارهێنانی شوێنی دیسک زیاد دەکات (وێنەی بنەڕەتی + فۆرماتی نوێ + کۆمەڵە وێنەی بچووک بە قەبارەی جیاواز).

شێوازی ٢: گۆڕین و سڕینەوەی وێنە ڕەسەنەکە (تووندتر)

  • سوودەکان: دیسکەکان بە خێرایی فراوان نابن؛ ئاماژە ناوخۆییەکان بە شێوەیەکی ئۆتۆماتیکی دەگۆڕدرێن بۆ فۆرماتە نوێیەکە.
  • مەترسییەکان: کاتێک هاوکات دەستکاریی فایلەکان و سەرچاوەکان دەکەیت، چارەسەرکردنی کێشەکانی گونجان زۆر تێچووی زیاتر دەبێت (بەتایبەتی کاتێک سیستەمە دەرەکییەکان یان لۆژیکی تیمپ (theme) پشت بە ناوە ڕەسەنەکان/ڕێڕەوەکان/فۆرماتەکان دەبەستن).

پێشنیار

پێش هەڵبژاردنی “جێگرتنەوە و سڕینەوەی وێنە ڕەسەنەکە”، سەرەتا تاقیکردنەوەیەکی بچووک ئەنجام بدە + دڵنیابە لە بەردەستبوونی کۆپی یەدەگەکان؛ دەستبەجێ بەردەوام مەبە لە جێگرتنەوەی تەواوی بنکەی داتاکە.

کێشە باوەکانی WebP یان AVIF

  1. دوای گۆڕینی تەواوی بنکەی داتاکە، هەندێک وێنەی پەڕەکان بە شێوەیەکی هەڵە پیشان دەدرێن.
    هۆکارەکە زۆربەی کات ئەوە نییە کە “وێنەکە تێکچووە”، بەڵکو ئەوەیە کە هەندێک بەش لە زنجیرەکە – وەک گۆڕینی URL، کاشکردن، یان ستراتیژییەکانی وێنەی بچووککراوە – بە شێوەیەکی دروست ڕێک نەخراون.
  2. هەرچەندە ژمارەی کورتەباسەکان زیاتر بێت، مەودای گۆڕانکارییەکان بەرفراوانتر دەبێت.
    بارکردنی وێنەیەک بۆ وۆردپرێس چەندین قەبارەی جیاواز دروست دەکات؛ تیمەکان یان پڵەگینەکان لەوانەیە قەبارەی زیاتریش زیاد بکەن. جێگرتنەوەی تەواو واتای ئەوەیە کە لەوانەیە تۆ کۆمەڵێکی بەرچاوی فایلەکان دەستکاری بکەیت.
  3. جێبەجێکردنی گواستنەوەی فۆرمات بە تەنها، گەرەنتی بچووکترین قەبارەی گونجاوی ناكات.
    فایلەکانی WebP/AVIF بە گشتی قەبارەیان بچووکترە، بەڵام “ستراتیژیی قەبارە” و “ستراتیژیی پەستێن” هێشتا زۆر گرنگن. وەک “چارەسەرێکی یەک-کرتە بۆ بارکردنی خێراتر” مامەڵە لەگەڵ Plus WebP مەکە.

3.1.2 باشکەری وێنەی EWWWچارەسەری لۆکاڵی فشاری بێبەرامبەر

شوێنپێدانانی لاپەڕەی پڵەگینی EWWW زۆر ڕوونە:

  • دەتوانێت کۆمەڵێک ئامراز لەسەر سێرڤەرەکەت بۆ باشترکردن بەکاربهێنێت (jpegtran, optipng, pngout, pngquant, gifsicle, cwebp، هتد.).
  • ئەگەر پێویستت بە پەستانیی زیاترە یان دەتەوێت لە CPU پاشەکەوت بکەیت، دەتوانیت هەروەها ئەو پرۆسێسکردنەی کە CPU بەکاردەهێنێت بۆ سێرڤەرەکەت بگوازیتەوە (ئارەزوومەندانە).

ڕۆڵی EWWW لە ڕێڕەوی Aدا چی دەبێت؟

ئەگەر تۆ وێبپی پڵەس (Plus WebP) بۆ “ستراتیژیی گواستنەوە/جێگرتنەوەی فۆرمات” بەکاردەهێنیت، ئەوا EWWW گونجاوترە بۆ ئەنجامدانی:

  • باشترکردنی پەستان و قەبارە(بەتایبەتی کەمکردنەوەی قەبارەی سەرچاوە خاوەکان وەک فایلەکانی JPG/PNG)
  • باشترکردنی کۆمەڵەی کتێبخانە میدیاییە مێژووییەکان(ئامانجکردنی “کەمکردنەوەی قەبارە” لەبری “گۆڕینی URL”)

تکایە سەرنج بدە

زێدەکردنی WebP ئۆففف: هەموویان دەتوانرێت بگۆڕدرێن بۆ AVIF یان WebP.
پێشنیار دەکرێت تەنها یەکێکیان دابمەزرێنرێت، چونکە دامەزراندنی هەردووکیان لەوانەیە ببێتە هۆی ناکۆکی.

خاڵە لاوازە کلاسیکییەکانی EWWW

  1. بارگرانیی سێرڤەر لە کاتی باشترکردنی بەکۆمەڵدا زیاد دەکات.
    ئەمەش لەبەر ئەوەیە کە پەستانی ناوخۆیی ١TP204T/IO بەکاردەهێنێت. چارەسەر ئەوە نییە کە “واز لە بەکارهێنانی بهێنرێت”، بەڵکو “پڕۆسێسکردنی بە شێوەی کۆمەڵە، لە کاتە کەم کارەکاندا، و هەڵبژاردنی گواستنەوە بۆ دەرەوە یان چارەسەرەکانی هەور لە کاتە پێویستەکاندا'یە.
  2. “بەرهەمهێنانی وێبپی مەرج نییە بەو مانایە بێت کە بەشی پێشەوەی وێبەکە وێبپی پێشکەش دەکات.
    زۆرێک لە پڵەگینەکان تووشی ئەم تێگەیشتنە هەڵەیە دەبن: بەرهەمهێنان شتێکە، و ستراتیژی گەیاندن (نووسینەوە، تاگەکانی وێنە، لێدانی کاش، هتد) شتێکی تەواو جیاوازە.
  3. دووبارەکردنەوەی هەمان کارایی وەک پڵەگینەکانی تر
    ئەگەر ڕێگای A بگریتەبەر، خۆت بەدوور بگرە لە کەڵەکەکردنی خزمەتگوزارییەکانی پەستانی هەورەکانی وەک ShortPixel/Imagify/TinyPNG؛ ئەگەر ڕێگای B بگریتەبەر، لۆجیکی جێگرەوەی Plus WebP ناچالاک بکە. بنەمای سەرەکی:لەسەر یەک ڕێچکەی کارکردن بمێنەرەوە.

٣.٢ ڕێگای ب: یەکێک لە سێ خزمەتگوزاریی پەستکردنی وێڵبەر (ShortPixel / Imagify / TinyPNG) هەڵبژێرە

ئەم ڕێگایە گونجاوە بۆ ئەو کەسانەی کە دەیانەوێت سەرچاوەکانی سێرڤەر پاشەکەوت بکەن، ڕێگایەکی بێ کێشەتریان بۆ چارەسەرکردنی بەکۆمەڵی کارەکان دەوێت، و لەگەڵ نرخی بەپێی بەکارهێناندا ئاسوودەن.
بەڵام، باوترین خاڵی لێکتێنەگەیشتن سەبارەت بە پەستکردنی کلاود بریتییە لە:ڕێگەپێدانی خۆڕایی تەنها بابەتی “لاپەڕەی خۆڕایی” نییە.ژمارەی قەبارەکانی تۆمارە بچووکەکان، ئەوەی کە ئایا فۆرماتەکانی WebP/AVIF دروست دەکرێن، و ئەوەی کە ئایا دووبارە گوشارخستنەوە ئەنجام دەدرێت، هەموویان کاریگەرییەکی بەرچاویان لەسەر بەکارهێنانی سەرچاوەکان دەبێت.

لە خوارەوە ڕوونی دەکەینەوە: چۆن ئاستە خۆڕایی/پارەدارەکان کار دەکەن، چۆن کۆتاکان دادەگیرێن، باوترین ئاستەنگەکان بۆ خۆلادان، و کام جۆرە ماڵپەڕانە گونجاوترینن.


3.2.1 شۆرتپیکسڵمانگانە ١٠٠ کرێدیتی خۆڕایی، بەڵام کرێدیتەکان بەهۆی وێنە بچووککراوەکان و گەورەکردنی WebP/AVIF بەکاردەهێنرێن.

مەبەست لە خۆڕایی/بەپارە چییە؟

وەسفی پڵەگینی ShortPixel بە ڕوونی دەڵێت:

  • ١٠٠ کرێدیتی خۆڕایی لە مانگێکدا
  • هەروەها “کرێدیتی مانگانەی زیادەی بێسنوور”یش هەیە (پەڕەی پڵەگینەکە زانیاریی نرخە پەیوەندیدارەکانی تێدایە).
  • هەروەها “پاکێجی کرێدیتی یەکجار بەکارهێنان و نەکۆنەبووەوە”ش پێشکەش دەکات (لەگەڵ زانیاریی سەرەتایی نرخەکاندا).

تێبینی:

  • بەخۆڕایی: تەرخانکردنی مانگانەی کرێدت بۆ ماڵپەڕە سووکەکان یان بۆ مەبەستی تاقیکردنەوە.
  • پاکێجی تاک: گونجاوە بۆ ئەو ماڵپەڕانەی کە کتێبخانەی میدیایی بەرفراوانیان هەیە و دەیانەوێت یەکجارەکی کۆگا بەتاڵ بکەنەوە (تەنها یەکجار دەکڕدرێت بۆ بەکارهێنانی بێسنوور، بە شێوەیەکی گشتی بەبێ وادەی بەسەرچوون).
  • مانگانە/بێسنوور: گونجاوە بۆ ئەو ماڵپەڕانەی کە پێویستیان بە نوێکردنەوەی بەردەوامی وێنەکان و باشکردنی درێژخایەن و جێگیرییە.

بنکەی زانیاریی فەرمیی ShortPixel هەروەها باس لە بەراوردی نێوان “پاکێجە یەکجارەکان بەرامبەر پلانە مانگانە بێسنوورەکان” دەکات.ڕوونکردنەوەی ڕوونپلانی مانگانەی بێسنوور مانگانە (یان ساڵانە) پارەی بۆ دادەنرێت، کرێدیتی بێسنوور و کۆتایەکی جێگیر لەخۆدەگرێت؛ کرێدیتە یەکجارەکان بەسەرناچن، ئەمەش کۆنترۆڵێکی زیاترت پێدەبەخشێت بەسەر بەکارهێناندا کاتێک پێویستت پێیەتی.

پێشنیار

  • پاکردنەوەی کۆگا بۆ ماڵپەڕی کۆن: پێشینەیی بدەن بە پاکێجە یەکجارەکان
  • نوێکردنەوەی بەردەوام: گونجاوترە بۆ پلانە مانگانە/بێسنوورەکان (ئەگەر ناتەوێت کرێدتەکان بژمێریت، پلانی بێسنوور هەڵبژێرە)

خاڵی هەرە گرنگ: کرێدیتەکانی ShortPixel چۆن هەژمار دەکرێن؟

بەڵگەنامەی فەرمیی شۆرتپیکسڵ کەی بی بە زۆر ڕوونی وت:

  • بارکردنی وێنەیەک بۆ وۆردپرێس، چەندین کۆمەڵە وێنەی بچووک دروست دەکات؛
  • هەر باشکردنێکی وێنەی بچووک بە یەک کرێدت هەژمار دەکرێت.
  • ئەگەر هەڵبژێریت وێنەی WebP یان AVIF دروست بکەیت،هەر وەشانێکی WebP/AVIFی وێنەیەکی سەرەکی و کۆمەڵە وێنە بچووکەکانی، کرێدتێکی زیادە بەکاردەهێنن.
  • دەتوانیت هەندێک تۆزە وێنە لە باشکردن بەدەر بکەیت بۆ کەمکردنەوەی بەکارهێنانی کرێدت.

نموونەی باوەڕپێکراوەکان

وا دابنێ یەک وێنە بار دەکەیت، و تیمپ/پلەگینەکە هەشت تامبنیڵ دروست دەکات:

  • باشترکردنی وێنەی ڕەسەن + بچووککراوەکان تەنها: ١ (وێنەی ڕەسەن) + ٨ (بچووککراوەکان) = ٩ کرێدت
  • ئەگەر دروستکردنی فۆرماتی WebP/AVIFیش پێویست بوو: یەک وەشانی نەوەی نوێ بۆ هەر یەکێک لە ٩ فۆرماتەکەی سەرەوە زیاد بکە → پاشان ٩ کرێدیتی دیکە زیاد بکە.
    بە واتایەکی تر، ئەوەی کە لەوانەیە بە “یەک وێنە”ی دابنێیت، لە ڕاستیدا لەوانەیە نزیکەی “دەی کڕێدت”ی تێبچێت.

بۆیە:“١٠٠ کرێدیتی بەخۆڕایی” هاوتای “١٠٠ وێنەی بەخۆڕایی” نییە.

باوترین کێشەکانی شۆرتپیکسڵ

  1. ١٠٠ کرێدیتە خۆڕاییەکە زوو تەواو دەبێت
    هۆکاری ڕیشەیی: ژمارەیەکی زۆر لە تۆمبنایلەکان + پێویستی بە کرێدیتی زیادە بۆ دروستکردنی WebP/AVIF.
    پێشنیار
  • سەرەتا هەڵسەنگاندن بۆ ژمارەی تۆمبنایلەکانی ماڵپەڕەکە بکە.
  • قەبارە بێ پێویستەکانی تۆمارە بچووکەکان لاببە (تەنها ئەو قەبارانە باش بکە کە بە کردەیی بەکاردەهێنرێن)
  • سەرەتا ستراتیژیی پەستێناندن دیاری بکە پێش ئەنجامدانی بە شێوەی بەکۆمەڵ، بۆ خۆلادان لە هەوڵە دووبارەکانی تاقیکردنەوە و هەڵە کە سەرچاوەکان بەفیڕۆ دەدەن.
  1. لە یەک کاتدا چەندین پلاگینی گۆڕینی فۆرماتی تر بەسەر یەکدا دابنێ
    ئەگەر گۆڕینی وێبپیڵەسی پڵەس چالاک بکەیت و لە هەمان کاتدا فەرمان بە شۆرتپیکسڵ بکەیت کە تاگی نەوەی داهاتوو دروست بکات/دانێت، لۆژیکەکە ئاڵۆزتر دەبێت و چارەسەرکردنی کێشەکان قورستر دەکات. ڕێگای B بە سادەیی وا دەکات شۆرتپیکسڵ بە شێوەیەکی سەربەخۆ مامەڵەی لەگەڵدا بکات.
  2. بە گریمانەی ئەوەی کە تەنها دامەزراندنی، گەرەنتی ئەوە دەکات کە “فڕۆنتێند وێنەی WebP/AVIF پێشکەش دەکات”.”
    لاپەڕەی پڵەگینی ShortPixelدەتوانێت فۆرماتەکانی WebP/AVIF بگۆڕێت و وێنەکانی نەوەی نوێ بخاتە ناو لاپەڕەکانی فرۆنت-ئێند (بۆ نموونە، لە ڕێگەی جێبەجێکردنی تاگەوە).
    بەڵام، کاتێک تەواو بوو، دەبێت ئەنجامەکان هێشتا پشتڕاست بکرێنەوە.

3.2.2 وێنەسازی: 20MB خۆڕایی/مانگێک؛ کۆتاکە لەسەر بنەمای “قەبارەی وێنە ڕەسەنەکە + ژمارەی کۆمەڵە وێنەکان” دادەبڕدرێت؛ دووبارە پەستاناندن دەبێتە هۆی لێدەرکردنی دووبارە.

ڕێگەپێدانی ئازاد و دانان

لاپەڕەی فەرمیی نرخەکانی ئیمەیجیفایزۆر بە ڕوونی نووسراوە:هەژمارە خۆڕاییەکان پشکی مانگانەیان ٢٠١TP234Tـە.
هەروەها لاپەڕەی پڵەگینەکەی بە ڕوونی ئاماژە بەوە دەکات کە دەتوانێت فایلەکانی WebP/AVIF پەستێو بکات، قەبارەیان بگۆڕێت، و فۆرماتەکەیان بگۆڕێت.

کۆتا چۆن دادەگیرێن؟

بەڵگەنامەی فەرمیی ئیمەیجیفای “چۆن بەکارهێنانی کۆتا هەژمار دەکرێت؟” میکانیزمی لێدەرکردنەکە بە ڕوونی ڕوون دەکاتەوە:

  • ژمارەی کۆمپاکتەکان کاریگەری لەسەر بەکاربردن دەبێت.بۆ نموونە، ئەگەر ١٠ قەبارەی وێنەی بچووککراوەی (thumbnail)ت هەبێت، باشکردنی یەک وێنە دەبێتە باشکردنی ١١ وێنە (وێنە سەرەکییەکە لەگەڵ ١٠ وێنەی بچووککراوە)، کە هەموویان بەشدارن لە بەکارهێنانی کۆتاکە.
  • کۆتا لێبکە بەپێی قەبارەی فایلی سەرەکیبۆ نموونە، ئەگەر وێنەیەکی ١٠٠ کیلۆبایتی بۆ ئیمەجایفای بنێریت، ١٠٠ کیلۆبایت لە کۆتاکەت دادەبڕدرێت.
  • گۆڕینی ئاستی پەستان و دووبارە باشترکردنەوە جارێکی تر کۆتاکە بەکاردەهێنێت.
  • هەمان کلیلەی API دەکرێت لەسەر چەندین ماڵپەڕ بەکاربهێنرێت، بەڵام کۆتاکان لەنێوان ئەم ماڵپەڕانەدا هاوبەش دەکرێن.

ئەمە “شێوازی تێگەیشتنی بنەڕەتی'ی ئیمەیجیفایە:
زیاتر وەک پاکێجێکی داتایە: هەرچییەک بنێریت، هێندەی ئەوە لێ دەبڕێت؛ چەندە وێنەی بچووک زیاتر بێت، هێندە زیاتر لێ دەبڕێت؛ بارکردنی چەندبارەی قورس دەبێتە هۆی لێبڕینی دووبارە.

نموونەی کۆتای ئیمەیجیفای کە ئاسان بۆ تێگەیشتنن

وا دابنێ وێنەیەکی ڕەسەنی ٨٠٠ کیلۆبایتی باربکەیت، و ماڵپەڕەکە ٨ کۆڵان دروست دەکات.

  • کاتێک بە Imagify پەسایی دەکەیتەوە، هەم وێنە ڕەسەنەکە و هەم هەشت کۆمەڵە وێنە بچووککراوەکەش لەخۆدەگرێت (ئەگەر “پەساییکردنەوەی هەموویان” هەڵبژێریت). ئەمەش واتای ئەوەیە کە ئەم کردارە تاکە، قوتایەکی نزیک لە کۆی قەبارەی ڕەسەنی هەموو ئەم فایلانە پێکەوە بەکاردەهێنێت.
    هەر بۆیە هەندێک ماڵپەڕ هەست دەکەن کە کۆتای “20MB'ـەکەیان بەخێرایی تەواو دەبێت: کێشەکە ئەوە نییە کە Imagify توانای ئەنجامدانی کارەکەی نییە، بەڵکو ئەوەیە کە ئەو وێنانەی باری دەکەیت زۆر گەورەن، ژمارەیەکی زۆر تامبنیڵ دروست دەکەیت، و ڕەنگە بەردەوام لەسەر ئاستە جیاوازەکانی پەستاندن تاقیکردنەوە بکەیت.

کێشە باوەکانی ئیمەجیفای

  1. بێبەرامبەر 20MB بەس نییە بۆ ئەنجامدانی “سڕینەوەی تەواوی مێژووی ماڵپەڕ”.”
    20MB بە گشتی گونجاوترە بۆ تاقیکردنەوە و نوێکردنەوەی بچووک؛ ئەگەر کتێبخانەی میدیات پێشوەختە گەورە بێت، پاککردنەوەی هەمووی بە یەکجار ئەگەری هەیە پێویستی بە بەرزکردنەوەی پلە بێت.
  2. ڕێکخستنەوەی بەردەوامی ئاستی پەستان، دەبێتە هۆی بەکارهێنانی دووبارەی کۆتا.
    ئیمەیجیفای بە ڕوونی دەڵێتدووبارە بەکارهێنانەوە قۆتاکە دووبارە بەکاردەهێنێتەوە.
    پێشنیار دەکرێت کە ستراتیژییەکە بە ڕوونی لەم لاپەڕەیەدا بخەیتە ڕوو:
  • سەرەتا، ژمارەیەکی کەم لە وێنەکان بەکاربهێنە بۆ دیاریکردنی ئاستی پەستێن و کوالێتیی بینراو.
  • ستراتیژییەکە یەکلایی بکەرەوە پێش جێبەجێکردنی بە شێوەی دەستەیی.
    خۆت بەدوور بگرە لە تاقیکردنەوەی دووبارەی تاقی-و-هەڵە لەسەر تەواوی بنکەی داتاکە.
  1. هاوبەشکردنی کلیلەکانی API لە نێوان چەندین ماڵپەڕدا دەبێتە هۆی کەمبوونەوەی کووتاكان بە شێوەیەکی سەیر.“
    ئەگەر هەمان کلیلەی API لەسەر چەندین ماڵپەڕ بەکاربهێنیت، کۆتاکان هاوبەش دەبن.
    بۆیە، لە سیناریۆکانی تیمی/چەند شوێنیدا، پێشنیار دەکرێت بە ڕوونی پێناسە بکرێت کە کام شوێنەکان سەرچاوەکان هاوبەش دەکەن و کامانەیان بە سەربەخۆیی کار دەکەن، بەمەش ڕێگری لە کۆنترۆڵنەکردنی بودجە دەکرێت.

3.2.3 تاینی پی ئێن جی(وێنە بچووککراوەکان): ٥٠٠ کرێدیتی خۆڕایی/مانگ؛ گۆڕینی بۆ WebP/AVIF “کرێدیتێکی زیادە بۆ هەر قەبارەیەک”ی پێدەچێت.”

خەرجی ڕێگەپێدراوی ئازاد و شێوازی پسوڵەکردنی

لاپەڕەی پڵەگینی TinyPNGی وۆردپرێس بە ڕوونییەکی زۆرەوە نووسراوە:

  • هەموو مانگێک ٥٠٠ کرێدیت بەخۆڕایی
  • لە دامەزراندنێکی ستانداردی وۆردپرێسدا، دەکرێت بە نزیکەیی پەستان بکرێت. نزیکەی ١٠٠ وێنە لە مانگێکدا
  • بەڵام، ئەگەر گۆڕینی AVIF یان WebP چالاک کرابێت:بۆ هەر قەبارەیەکی وێنە، بڕی کرێیەکی زیادە وەردەگیرێت.بۆیە، ڕەنگە تەنها بتوانرێت پەستێوە بکرێت و بگۆڕدرێت. نزیکەی ٥٠ وێنە لە مانگێکدا(بەپێی ئەوەی چەند قەبارەی بچووککراوەی وێنەت هەیە).

لەلایەکی ترەوە، تینیفای (پەرەپێدەری TinyPNG/TinyJPG) لەسەر...ی خۆشی ڕایگەیاندووە. لاپەڕەی نرخەکانی APIتێبینی: خۆت تۆمار بکە بۆ وەرگرتنی ٥٠٠ کۆمپرێشنی خۆڕایی لە مانگێکدا. زیاتر لەم بڕە، تێچووەکان بەپێی ژمارەی کۆمپرێشنە سەرکەوتووەکان دادەنرێن، بەبێ ئەوەی پێویست بە بەشداریکردنی مانگانە بکات.

پوختەی TinyPNG لە یەک ڕستەدا:
بە کرێدت هەژمار دەکرێت؛ هەرچەندە قەبارەی وێنەی بچووکترت هەبێت و چەندە فۆرماتی WebP/AVIF چالاک بکەیت، ئەوەندە خێراتر کرێدتەکانت بەکاردەهێنرێن.

نموونەیەکی ئاسان بۆ تێگەیشتن لە باوەڕپێکراوەکانی TinyPNG

وا دابنێ کە ماڵپەڕەکەت هەشت قەبارەی بچووککراوە بۆ هەر وێنەیەک دروست دەکات:

  • تەنها پەستان: وێنەی سەرەکی + ٨ کۆمەڵە وێنە بچووک → پێویستی بە ٩ کرێدت هەیە
  • ئەگەر گۆڕینی WebP/AVIF چالاک کرابێت: بڕێکی زیادە لە کرێدیت دادەبڕدرێت بۆ هەر قەبارەیەک → ئەمە لەوانەیە تێچووەکە نزیکەی دوو هێندە بکات.
    ئەمە بەتەواوی لەگەڵ وەسفی لاپەڕەی پڵەگ-ئینەکەدا دەگونجێت: لە کاتی چالاککردنی گۆڕانکارییەکەدا، کۆتای بێبەرامبەر لە نزیکەی “١٠٠ وێنە لە مانگێکدا”وە دەگۆڕێت بۆ “٥٠ وێنە لە مانگێکدا”.

کێشە باوەکانی TinyPNG

  1. بە گریمانەی ئەوەی ٥٠٠ کرێدت = ٥٠٠ وێنە بێت
    نەخێر. کرێدت بەپێی “قەبارەی وێنە/جۆر” بەکاردەهێنێت. لاپەڕەی پڵەگینەکە بە ڕوونی ئاماژەی پێداوە: “گۆڕین ١ کرێدیتی زیادە بۆ هەر قەبارەیەکی وێنە لادەبات”.
  2. پڵەگینی تیم/بازرگانیی ئەلیکترۆنی قەبارەی زیادەڕۆیی دروست دەکات، کە دەبێتە هۆی کەمبوونەوەیەکی بەرچاو لە کۆتاکانی خۆڕایی.
    هەرچەندە ڕەهەندەکان گەورەتر بن، ئەوەندە زیاتر کرێدتەکان بە ئاسانی زیاد دەکرێن و بەکاردەهێنرێن.
  3. دوای چالاککردنی گۆڕانکارییەکە، بۆم دەرکەوت کە سنووری قەرزەکەم لەناکاو بەشی ناکات.
    ئەمە کەلێن نییە؛ سیستەمی پارەسەندنی خۆیەتی.
    پێشنیازە ستراتیژییەکان:
  • ئەگەر پلە خۆڕاییەکە بە شێوەیەکی سەرەکی بۆ پەستاناندن و کەمکردنەوەی قەبارە بەکاربهێنرێت، لە سەرەتادا دەتوانیت تەنها سەرنج بخەیتە سەر پەستاناندن. کاتێک دڵنیا بوویتەوە کە پێکهاتەی ماڵپەڕەکە جێگیرە و نەوەی داهاتوو بەڕاستی پێویستە، ئەوا دەتوانیت دەست بە گۆڕانکارییەکە بکەیت.

٤. پێشنیارە بنەماکراوەکان لەسەر کۆنتێکست: چۆنیەتیی هەڵبژاردن بۆ جۆرە جیاوازەکانی ماڵپەڕ

لە کاتێکدا هەموویان وۆردپرێس بەکاردەهێنن، ماڵپەڕەکانی ناوەڕۆک، پلاتفۆرمەکانی بازرگانیی ئەلیکترۆنی، پۆرتفۆلیۆکان، و ماڵپەڕەکانی ئەندامێتی هەریەکەیان خاڵی فشارى تایبەت بە خۆیان سەبارەت بە وێنە پێشکەش دەکەن.

٤.١ ماڵپەڕ/بلاگەکان کە تیشک دەخەنە سەر ناوەڕۆک (کە چەندین وێنە لە هەر وتارێکدا هەیە و بە شێوەیەکی مامناوەند نوێ دەکرێنەوە)

پێشنیارە لەپێشینەکان:

  1. ستراتیژیی ڕەهەند (هەنگاوی ١)
  2. پەستێن (هەنگاوی ٢)
  3. وێبپی (هەنگاوی ٣)

ڕێگایەکی گونجاوتر:

  • بۆ بژاردەیەکی بێ کێشە: یەکێک لە سێ بەدیلەکە هەڵبژێرە (ShortPixel / Imagify / TinyPNG)
  • بژاردەی خۆڕایی: ڕێڕەوی A (لەگەڵ WebP + EWWW)، بەڵام پێشنیار دەکرێت بە هەڵسەنگاندنی مەترسییەکان لە “دۆخی پارێزگارانە (بەبێ سڕینەوەی وێنە ڕەسەنەکان)” دەست پێبکەیت.

خاڵە باوەکانی هەڵە:

٤.٢ ماڵپەڕەکانی بازرگانیی ئەلیکترۆنی/بەرهەم (چەندین وێنەی بچووککراوە، چەندین جۆری وێنە، سەقامگیریی لەپێشینە)

باوترین کێشەکانی بازرگانیی ئەلیکترۆنی لە “ئەنجامی خراپی پەستاندن”ەوە سەرچاوە ناگرن، بەڵکو لە “ڕەهەندی هەڵە دوای باشترکردن، نەبوونی وێنە بچووککراوەکان، و شکستی پێکهاتەکانی بەشی ڕووکەش لە وەرگرتنەوەی وێنەکان”ەوە سەرچاوە دەگرن.

پێشنیارە لەپێشینەکان:

  1. بە وریاییەوە هەنگاو بنێ: ڕێبازێکی پارێزکارانە بۆ ستراتیژییەکانی پەستاناندن بگرەبەر؛ خۆت لە ئەنجامدانی گۆڕینی تەواوەتیی بنکەی داتا بەپەلە بەدوور بگرە.
  2. هەڵسەنگاندنی قەبارەی تێبینییەکان: تیمەکانی بازرگانیی ئەلیکترۆنی بە شێوەیەکی گشتی قەبارەی زیاتر دروست دەکەن، کە بەکارهێنانی کۆتاکان زیاد دەکات (بەتایبەتی لەگەڵ ShortPixel/TinyPNGدا بەرچاوە).
  3. پێش فراوانکردن، پشتڕاستکردنەوەی بچووک-پێوانە ئەنجام بدە (زۆر گرنگە)

ڕێگایەکی گونجاوتر:

  • ڕێگای B زۆرجار ڕاستەوخۆترە: ShortPixel و Imagify و TinyPNG هەموویان پشتگیری لە چارەسەرکردنی بەکۆمەڵ دەکەن. گرنگترین شت ئەوەیە کە لە میکانیزمی کۆتاکانیان تێبگەیت و پێشوەختە تێچووەکان بخەمڵێنیت.
  • ڕێگای Aـیش گونجاوە، بەڵام پێویستە وریاییەکی زیاتر بکرێت سەبارەت بە ڕەفتاری Plus WebP لە “سەروەرکردنی IDـەکان/سڕینەوەی وێنە ڕەسەنەکان/گۆڕینی URLـەکان”: ئەمە پێکدێت لە گواستنەوەی سەرمایە، و پێشنیار ناکرێت لە سەرەتاوە بە گۆڕینی بەکۆمەڵ بەردەوام بیت.

٤.٣ پۆرتفۆلیۆ/وێبسایتی وێنەگری (هەستیار بە کوالێتیی وێنەی تاکەکەسی، قەبارەی گەورەی فایلەکان، ستانداردە بەرزە بینراوەکان)

پێشنیارە لەپێشینەکان:

  1. ستراتیژی ڕەهەند (کۆنترۆڵی ڕووبەری پیشاندان)
  2. ستراتیژیی پەستاندن (باشترە کەمێک قەبارە گەورەتر بێت وەک خۆت بگریت، وەک لەوەی وردەکارییەکان لەدەست بدەیت)
  3. WebP/AVIF (سوودی بەرچاوی هەیە بۆ وێنە گەورەکان، هەرچەندە کوالێتیی بینراوی پێویستی بە پشتڕاستکردنەوە هەیە)

ڕێگایەکی گونجاوتر:

  • وێنەسازیتەرخانکردنی کۆتا لەسەر بنەمای “قەبارەی وێنەی ڕەسەن” وادەکات ماڵپەڕەکان زیاتر گونجاو بن بۆ “کۆنترۆڵکردنی بودجە” (چونکە بە نزیکەیی دەزانیت هەر وێنەیەکی گەورە چەند دەخوات)، بەڵام خۆت لە پەستانخستنەوەی دووبارەیان بپارێزە.
  • شۆرتپیکسڵئەگەر ژمارەی قەبارەکانی تۆمارە بچووکەکان سنووردار بێت، بەکارهێنانی کرێدتەکان بە شێوەیەکی گونجاو دەمێنێتەوە؛ بەڵام، کاتێک ژمارەیەکی زۆر قەبارە لە تەنیشت سەرمایە نوێیەکانەوە دروست دەکرێت، بەکارهێنانی کرێدتەکان بە شێوەیەکی بەرچاو بەرز دەبێتەوە، کە ئەمەش پلاندانانی پێشوەختەی پێویست دەکات.

٥. بەراوردی پشکی خۆڕایی/پسوولە: ڕوونکردنەوەی ئەوەی کە ئایا پشکی خۆڕایی بەسە

کامەیان لە ڕووی تێچووەوە سوودبەخشترە، و ماوەی خۆڕاییەکە چەند دەمێنێتەوە؟

٥.١ سێ مۆدێلی لێدەرکردنی کرێ

  • شۆرتپیکسڵ(سەرچاوەکان)کرێدتەکان لەسەر بنەمای ژمارەی وێنە ڕەسەنەکان و کۆمەڵە وێنەکان (thumbnails) هەژمار دەکرێن؛ دروستکردنی وەشانی WebP/AVIF دەبێتە هۆی لێدەرکردنی کرێدتی زیادە بۆ هەر فۆرماتێکی پەیوەندیدار.
  • وێنەسازی(کۆتای ١TP234T)کەمکردنەوەی کۆتا بەپێی قەبارەی بنەڕەتیی فایلەکەیە؛ ژمارەی زیاتری تامبنیڵەکان دەبێتە هۆی کەمکردنەوەی زیاتر؛ دووبارە پەستاندنەوەش کەمکردنەوەی زیاتری لێدەکەوێتەوە.
  • تاینی پی ئێن جی(سەرچاوەکان): ٥٠٠ کرێدت لە مانگێکدا؛ چالاککردنی گۆڕینی WebP/AVIF کرێدتی زیاتری پێدەچێت بەپێی قەبارەی وێنە.

٥.٢ ڕێگاکانی خەمڵاندنی خێرا

دەتوانیت بەم شێوەیە خەمڵاندنی بۆ بکەیت:

  1. هەر وێنەیەکی “ئۆرجیناڵ” کە زۆرجار بار دەکەیت هەڵبژێرە و قەبارە نزیکەییەکەی بپشکنە (بۆ نموونە: 300KB / 1MB / 3MB)
  2. خەمڵاندن بۆ ژمارەی نزیکەیی قەبارەکانی پەنجەمۆر کە ماڵپەڕەکەت دروستیان دەکات (بۆ نموونە، ٥ / ١٠ / ٢٠)
  3. دیاریکردن بۆ دروستکردنی WebP/AVIF (بەڵێ/نەخێر)

پاشان ئەم “ژمێریارییە دەروونییە”ی خوارەوە بەکاربهێنە بۆ تێگەیشتن لە بەکاربردن:

  • شۆرتپیکسڵهەر وێنەیەک ≈ (١ + ژمارەی وێنە بچووککراوەکان) باسکردن؛ ئەگەر وێنەی WebP/AVIF دروست بکرێت، ≈ نزیکەی دوو هێندەی ئەوە (چونکە وەشانی نەوەی داهاتوووش پێویستیان بە باسکردن هەیە).
  • وێنەسازیهەر وێنەیەک بە نزیکەیی بڕێکی کۆتا بەکاردەهێنێت کە یەکسانە بە (قەبارەی وێنە ڕەسەنەکە + کۆی قەبارەی هەموو بچووککراوەکان)؛ دووبارە پەستێنانی لە ئاستێکی جیاوازی پەستێناندا دەبێتە هۆی کەمبوونەوەی زیاتری کۆتا.
  • تاینی پی ئێن جیبەخۆڕایی: ٥٠٠ کرێدت؛ ئەگەر ماڵپەڕەکەت بۆ هەر وێنەیەک چەندین قەبارەی جیاواز دروست بکات و تایبەتمەندیی گۆڕین (conversion) چالاک کرابێت، ئەوا بڕی کرێدە بەخۆڕاییەکان بە شێوەیەکی بەرچاو کەمدەبێتەوە (لاپەڕەی پڵەگینەکە خەمڵاندنێکی ڕوون دابین دەکات بۆ “نزیکەی ١٠٠ وێنە لە مانگێکدا” بەرامبەر بە “نزیکەی ٥٠ وێنە لە مانگێکدا”).

٦. ئاشکراکردنی مەترسی

مەترسی ١: خۆت بپارێزە لە بوونی چەندین پڵەگینی جیاواز کە بە شێوەیەکی دووبارە هەمان ئەرک ئەنجام دەدەن.

ئەمە باوترین سەرچاوەی کارەساتەکانە.“

  • ڕێگای A:زێدە بۆ WebP یان AVIF + EWWW(بەرپرسیارێتییەکان لەنێوان هەردووکیاندا دابەش بکە؛ هەمان گۆڕانکاری و گەیاندن لە یەک کاتدا ئەنجام مەدە، یان تەنها یەکێکیان دابمەزرێنە.)
  • ڕێگای B: ShortPixel / Imagify / TinyPNG یەکێک لە سێیەک هەڵبژێرە(یەکێک هەڵبژێرە کە بەرپرس بێت لە پەستان و نەوەی داهاتوو)

مەترسی ٢: کارایی “سەروەرکردنی ناسنامە / سڕینەوەی وێنە ڕەسەنەکە / گۆڕینی URL”ی پڵەس وێبپی، بە گواستنەوەی سەرمایە دادەنرێت.

جارێکی دیکە، دەبێت جەختی لەسەر بکرێتەوە:زێدەکردنی WebP وەسفەکە بە ڕوونی ئاماژە بەوە دەکات کە لە کاتی دروستکردنی تەواودا، ناسنامەی وێنە ڕەسەنەکە دەنووسرێتەوە، فایلی ڕەسەن دەسڕدرێتەوە، و URLی ناوەڕۆکەکە دەگۆڕدرێت.
ئەمە ئاماژەیە بۆ ئەوەی کە ئەمە “ڕێکخستنێکی بچووک نییە کە بتوانرێت لە هەر کاتێکدا بکشێنرێتەوە”، بەڵکو گۆڕانکارییەکە لەسەر ئاستی سەرمایەکەیە.

ستراتیژیی پێشنیارکراو دەبێت بریتی بێت لە:

  • تاقیکردنەوەی سەرەتایی بە قەبارەی بچووک (دەیان بۆ سەدان بابەت)
  • دڵنیابە لەوەی کە پیشاندانی فرۆنت-ئێند، تەمبنیلەکان، و نوێکردنەوەکانی کاش بە دروستی کاردەکەن.
  • پێدەچوونەوەی تەواوی بنکەدراوەی لەبەرچاو بگرە

مەترسیی ٣: بەکارهێنانی ڕاستەقینەی “بەخشینی خۆڕایی”ی پەستاندنی هەوری پشت دەبەستێت بە ژمارەی تەمبنایلەکان و ئەو بژاردانەی نەوەی نوێ کە هەڵبژێردراون.

  • شۆرتپیکسڵتومبنایلەکان و نەوەی داهاتوو کاریگەرییەکی بەرچاویان لەسەر کرێدیتەکان دەبێت.
  • تاینی پی ئێن جیچالاککردنی WebP/AVIF دەبێتە هۆی لێدەرکردنی کرێی زیاتر بۆ هەر قەبارەیەکی وێنە.
  • وێنەسازی: بەپێی قەبارەی وێنە ڕەسەنەکە کەم دەکرێتەوە؛ چەندە کۆمەڵە وێنەی بچووکتر بێت، کەمکردنەوەکە زیاتر دەبێت. پەستانی زۆر دەبێتە هۆی دووبارەبوونەوەی کەمکردنەوەکان.

مەترسی ٤: “دروستکراوی WebP/AVIF” هاوتای “گەیاندنی WebP/AVIF لە فرۆنتێند” نییە.”

زۆرێک لە بەکارهێنەران ڕاپۆرتی ئەوە دەکەن کە هەست دەکەن ماڵپەڕەکەیان دوای گۆڕانکارییەکە خێراتر نەبووە، کە هۆکارە سەرەکییەکەی ئەوەیە کە بەشی ڕووکەش (frontend) بەردەوامە لە دەرچوونی فایلەکانی JPG/PNG (بەهۆی نەگونجانی لە هەر قۆناغێکی پرۆسەکەدا: کاشکردن، دووبارە نووسینەوە، تاگەکان، یان دانوستاندنی وێبگەڕ).

٧. چۆن پشتڕاستی بکەمەوە کە دوای تەواوکردنی ئەرکەکە کاری کردووە؟

چوار خاڵی پشتڕاستکردنەوەی زۆر سادە:

  1. کاتێک هەمان لاپەڕە بۆ جاری دووەم نوێ دەکەیتەوە، ئایا پرۆسەی بارکردنەکە جێگیرتر و خێراتر دەبێت؟(کاریگەریی هەستپێکراوی کاشکردن و باشترکردن)
  2. ئایا جیاوازییەکی بەرچاو لە قەبارەی وێنەدا هەیە لە نێوان باربوونی مۆبایل و دێسکتۆپ؟(وەڵامدەرەوە) سەرچاوە/قەبارەکان ئایا کاریگەرە
  3. پشکنینی خێرای چەند وێنەیەک: ئایا هیچ فایل/سەرچاوەیەکی WebP یان AVIF هەیە؟ئایا ماڵپەڕەکە بەڕاستی بەکاریدەهێنێت؟ نەوەی داهاتوو
  4. چاوخشاندنێکی خێرا بە چەند وێنەیەکدا بکە: نزیکی بکەرەوە بۆ ئەوەی بزانیت ئایا بە شێوەیەکی بەرچاو لێڵن یان نووسینەکان ناڕوونن.(ئایا کوالێتیی پەستاندنەکە زیادەڕۆییە؟)

ئەگەر هەر چوار مەرجەکە جێبەجێ بوون، ئەوە ئاماژەیە بۆ ئەوەی کە ئەو ڕێگایەی هەڵتبژاردووە ئێستا کارایە. بڕۆ بۆ هەنگاوی دواتر. CDN “چینی گەیاندن”سەقامگیریی گشتی بەهێزتر دەبێت.

٨. پێشنیارەکان بۆ کردار

  1. سەرەتا ڕێگاکەت هەڵبژێرە:
  • حەز دەکەم تا ئەوپەڕی توانا بە خۆڕایی بمێنێتەوە.لەگەڵ WebP یان AVIF + EWWW (یان تەنها یەکێکیان دابمەزرێنە)
  • بۆ پاشەکەوتکردنی سەرچاوەکانی سێرڤەر و چێژوەرگرتن لە ئاسوودەیی زیاتر لەگەڵ سیستەمی پارەدان بەپێی بەکارهێنانیەکێک لەمانەی خوارەوە هەڵبژێرە: ShortPixel / Imagify / TinyPNG
  1. تاقیکردنەوەیەکی بچووک ئەنجام بدە (چەند دەیان شت)
  2. پێش ئەوەی بەردەوام بیت لەسەر بڕە کارەکە، دڵنیابەرەوە کە هەموو شتێک ڕێک و پێکە.
  3. پێویستی بە باشترکردنی زیاتر هەیە بۆ بەهێزکردنی سەقامگیریی گەیاندن:خوێندنەوە خێراییپێدانی CDN

پرسیارە باوەکان

١. چەند پلاگین دەبێت دایبمڕێژم؟ دەتوانم هەموویان دابمڕێژم؟

هەوڵ بدە پابەندی یەک ڕێگە بیت.

  • ڕێگای A: Plus WebP یان AVIF + EWWW Image Optimizer (یان تەنها یەکێکیان دابمەزرێنە)
  • ڕێگای B: یەکێکیان هەڵبژێرە لە ShortPixel / Imagify / TinyPNG
    بوونی چەندین پلاگین کە لە یەک کاتدا کارەکانی “پەستاندن/گۆڕین بۆ WebP/AVIF/دەستکاریکردنی URL/نووسینەوەی گەیاندن” لەناو هەمان ماڵپەڕدا ئەنجام دەدەن، ئەگەری زۆرە زیاتر و زیاتر شێواو بێت و چارەسەرکردنی کێشەکانی زۆرترین سەختیی هەبێت.

٢. ئایا وۆردپرێس خۆی پشتگیریی WebP/AVIF ناکات؟ ئایا هێشتا پێویستم بە پڵەگینێکە؟

پێویستە جیاکردنەوە بکرێت:
“پشتگیری بۆ بارکردن/بەکارهێنان” ≠ “گۆڕینی ئۆتۆماتیکی/گەیاندنی ئۆتۆماتیکی”.
وۆردپرێس ٦.٥ بە شێوەیەکی ئۆتۆماتیکی فایلە کۆنەکانی JPG/PNG بە کۆمەڵ ناگۆڕێت بۆ WebP/AVIF، هەروەها بە شێوەیەکی ئۆتۆماتیکی مامەڵە لەگەڵ تەواوی پرۆسەی “دەرچوونی AVIF/WebP بە پشت بەستن بە تواناکانی وێبگەڕ و چارەسەری یەدەگ” ناکات. بۆ نوێکردنەوەی کتێبخانە میدیاییە مێژووییەکان، بە شێوەیەکی گشتی پێویست بە پلاگین یان خزمەتگوزاری دەکات بۆ تەواوکردنی پرۆسەکە.

٣. لە چوارچێوەی باشترکردنی وێنەدا، کام هەنگاو بەرزترین گەڕانەوەی وەبەرهێنان دابین دەکات؟

ئاساییە سەرەتا، ڕەهەندەکان بە دروستی دیاری بکە (srcset/sizes)
زۆرێک لە ماڵپەڕەکان بەهێواشی کار دەکەن، نەک لەبەر ئەوەی پەستێنانیان نییە، بەڵکو لەبەر ئەوەی لاپەڕەکان تەنها ٩٠٠ پکسس (px) پیشان دەدەن، لە کاتێکدا بەکارهێنەران ناچار دەکەن وێنە تەواوەکەی ٣٠٠٠ پکسس دابەزێنن. پەستێناندن کیلۆبایت پاشەکەوت دەکات، بەڵام ڕەهەندە ناگونجاوەکان دەتوانن چەندین جار داتای زیاتر بەفیڕۆ بدەن بەبێ هیچ هۆکارێکی باش.

٤. چۆن دەتوانم دڵنیا بمەوە کە ئەو وێنەیەی ئێستا بار دەکرێت “بچووکەکەیە”، نەک بەردەوام داونلۆدکردنی ئەسڵییەکەی؟

تێبینیی دوو دیاردە بکە:

  • کاتێک پەڕەکە لەسەر ئامێرێکی مۆبایل دەکەیتەوە، قەبارەی وێنە داونلۆدکراوەکە بە شێوەیەکی بەرچاو بچووکترە لەسەر دیسکتۆپ.
  • قەبارەی سەرچاوەی هەمان وێنە جیاواز دەبێت کاتێک لەسەر ئامێری جیاواز بار دەکرێت.
    ئەگەر وێنە ڕەسەنەکان هەمیشە دابەزێنرێن، هۆکارێکی باو ئەوەیە کە تیم/بونیادنەرەکە وێنەکە وەک وێنەی باکگراوندی CSS یان دەرهاویشتەی تایبەت مامەڵەی لەگەڵ دەکات، بەمەش تواناکانی فرەقەبارەیی و فرمانی srcsetی کتێبخانەی میدیا بەدەست تێناپەڕێنێت.

٥. ئایا “WebP/AVIF دروستکراو” مەرجە کە فڕۆنتێندەکە WebP/AVIF دەرچوێنێت؟

هەمان شت نییە.
بەرهەمهێنان تەنها تەواوکردنی “چینی فایل'ە؛ ئەوەی کە ئایا فرۆنتێندەکە بەڕاستی وێنەی WebP/AVIF پێشکەش دەکات یان نا، پشت دەبەستێت بە هۆکارەکانی وەک دووبارە نووسینەوە، ستراتیژیی تاگی وێنە، لێدانی کاش، و ئەوەی کە ئایا دانوستاندنی وێبگەڕ کاریگەریی دەبێت. کاتێک تەواو بوویت، دەبێت ”بەشێوەی خێرا پشکنین بۆ جۆرەکانی سەرچاوەی چەند وێنەیەک بکەیت“.

٦. مەترسییەکەی WebP یان AVIF بەتەواوی چییە؟ ئایا دەتوانم بە یەک کرتە گۆڕانکارییەکە لەسەر تەواوی کتێبخانەکە ئەنجام بدەم؟

خاڵی مەترسییەکەی “پەستان” نییە، بەڵکو...دەستکاریکردنی ئاستی گواستنەوەی سەرمایە

  • لە کاتی گەورەکردنی تەواودا، ڕەنگە ناسنامەی فایلی وێنە ڕەسەنەکە بنووسرێتەوە، فایلی ڕەسەن بسڕدرێتەوە، و URLـەکان لەناو ناوەڕۆکەکەدا بگۆڕدرێن.
    بۆیەپێشنیار ناکرێت کە یەکسەر تەواوی بنکەی داتاکە بگۆڕیت.سەرەتا تاقیکردنەوەی بچووک ئەنجام بدە (دەیان بۆ سەدان تۆمار) + دڵنیابە لە بەردەستبوونی کۆپی یەدەگەکان پێش ئەوەی بیر لە چارەسەرکردنی تەواوی بنکەدراوەکە بکەیتەوە.

٧. چۆن لە نێوان دوو دۆخەکەی Plus WebP هەڵبژێرین: پاراستنی وێنە ڕەسەنەکە بەرامبەر جێگرتنەوە و سڕینەوەی وێنە ڕەسەنەکە؟

بە سادەیی:

  • شێوازی ١: هێشتنەوەی وێنە ڕەسەنەکە + دروستکردنی کۆپیی WebP/AVIF (سەقامگیرتر)گونجاوە بۆ گەڕانەوە بۆ دواوە، بەڵام شوێنی دیسک زیاد دەکات (وێنەی بنەڕەتی + فۆرماتی نوێ + کۆمەڵە وێنەی بچووککراوەی قەبارە جیاواز).
  • شێوازی ٢: گۆڕین و سڕینەوەی وێنە ڕەسەنەکە (تووندتر)فراوانکردنی دیسک بە ئاسانی بەدەست نایەت، بەڵام کاتێک هاوکات دەستکاریی ئاسێتەکان و ڕەسەنەکان دەکەیت، تێچووی چارەسەرکردنی کێشەکانی گونجان بە شێوەیەکی بەرچاو بەرزتر دەبێتەوە.
    هەرچەندە ماڵپەڕەکە ئاڵۆزتر بێت (بازرگانیی ئەلیکترۆنی/چەندین پڵەگین/چەندین قەبارە)، ئەوەندە زیاتر پێویستە بە ڕێبازێکی جێگیرتر دەست پێبکرێت.

٨. ئایا پەستانیی ناوخۆیی خۆڕایی EWWW Image Optimizer بەسە؟ ئایا دەتوانێت بارگرانی بخاتە سەر سێرڤەرەکە؟

EWWW زیاتر وەک “ئامرازێکی پەستانی ناوخۆیی” وایە: ١ تێراپۆرشن ٢٠٤ تێرابایت/ئینپوت-ئۆپتوت.
زیادبوونی بار لە کاتی باشترکردنی بەکۆمەڵدا شتێکی باوە. ئەمە بەو مانایە نییە کە ڕێگاکە ناتەواوە، بەڵکوو ئەوە دەگەیەنێت کە دەبێت ستراتیژییەکە گونجاو بێت: جێبەجێکردن بە شێوەی بەکۆمەڵ لە کاتە کەم قەرەباڵغەکاندا، و هەڵبژاردنی چارەسەری داگرتن یان هەوری کاتێک پێویست بوو.
ئەگەر بەدوای چارەسەرێکی بێ کێشەدا دەگەڕێیت یان تووشی سنوورداریی سەرچاوەکانی سێرڤەر بوویت، ڕێگای B کاراترە بۆ سێرڤەر.

٩. ١٠٠ کرێدیتی خۆڕایی مانگانەی شۆرتپیکسڵ – بۆچی وا هەست دەکرێت کە تەنها دوای چەند وێنەیەک تەواو دەبن؟

چونکە کرێدیتەکان ژمارەی وێنەکان نین.“وێنەی بچووککراوە دەکرێت و بۆ نەوەی داهاتوو گەورە دەکرێت:

  • وێنەی سەرەکی + هەر کۆلارەیەک بە کرێدتێک هەژمار دەکرێت.
  • ئەگەر وێنەی WebP/AVIF دروست بکرێت، هەر وەشانێکی پەیوەندیدار بڕێکی زیاتری کرێی بەکارهێنان دەخوات.
    کەواتە لەوانەیە پێت وابێت “١ وێنە” لە ڕاستیدا دەتوانێت نزیکەی “دە کرێدت”ی بخوات. ShortPixel

١٠. بۆچی پشکی خۆڕایی مانگانەی Imagify کە ٢٠١ TP234Tـە، زوو تەواو دەبێت؟

ئیمەیجیفای زیاتر لە “پاکێجی داتا” دەچێت:

  • بەپێی نامەکەتقەبارەی فایلی سەرەکیکەمکردنەوەی پشک
  • هەرچەندە پەنجەمۆرەکان زیاتر بن، بەکاربردنیش زیاتر دەبێت.
  • گۆڕینی ئاستی پەستان بۆ دووبارە باشترکردنەوە، جارێکی تر کۆتاکە بەکاردەهێنێت.
  • یەک کلیلێکی API لەسەر چەندین ماڵپەڕ بەکاردەهێنرێت، و کۆتاکانیش بەپێی ئەوە هاوبەش دەکرێن.
    کەواتە پەیامی “20MB بەم زووانە تەواو دەبێت” زۆرجار بەهۆی گەورەیی وێنەکان، یان بوونی تامبنیڵی زۆر، یان تاقیکردنەوەی دووبارەی هەڵە و چاکەوە دروست دەبێت.

١١. TinyPNG مانگانە ٥٠٠ کرێدیتی خۆڕایی پێشکەش دەکات، کەواتە بۆچی پڵەگینەکە دەڵێت تەنها نزیکەی ١٠٠ وێنە لە مانگێکدا؟ وە بۆچی دوای چالاککردنی WebP/AVIF دادەبەزێت بۆ ٥٠ وێنە لە مانگێکدا؟

چونکە باوەڕپێکراوەکانی TinyPNG هەروەها بە “size/variant” زیاد دەکرێن:

  • دامەزراندنێکی ستانداردی وۆردپرێس بە شێوەیەکی ئاسایی مانگانە نزیکەی ١٠٠ وێنە پەستێو دەکات.
  • چالاککردنی گۆڕینی AVIF یان WebP:بۆ هەر قەبارەیەکی وێنە، بڕی کرێیەکی زیادە وەردەگیرێت.بۆیە، ئەگەری هەیە تەنها بتوانرێت مانگانە نزیکەی ٥٠ وێنە پەستێن بکرێت و بگۆڕدرێت (بەپێی ژمارەی قەبارەکانی تامبنیڵ).
    کەواتە، ٥٠٠ کرێدت یەکسان نییە بە ٥٠٠ وێنە.

١٢. چەند تۆزێن لە ماڵپەڕەکەمدا هەن؟ بۆچی کاریگەرییەکی ئەوەندە بەرچاوی هەیە؟

بارکردنی وێنەیەک بۆ وۆردپرێس چەندین قەبارەی جیاواز دروست دەکات؛ تیمەکان/پلەگینەکان (بەتایبەتی ئەوانەی بازرگانیی ئەلیکترۆنی) لەوانەیە قەبارەی زیاتریش زیاد بکەن.
کرێدت/کۆتاکانی پەستێنانی هەور بە شێوەیەکی گشتی وەک “وێنەی سەرەکی + کۆکراوەی پەراوێزەکان” هەژمار دەکرێن، بۆیە هەرچەندە ژمارەی پەراوێزەکان زیاتر بێت، ماوەی بەکارهێنانی خۆڕایی کەمتر دەخایەنێت.

١٣. ئایا بارکردنی تەمبەڵ (lazy loading) هەمیشە کارەکان خێراتر دەکات؟ بۆچی هەندێک کەس بانگەشەی ئەوە دەکەن کە لە ڕاستیدا کارەکان هێواش دەکاتەوە؟

بارکردنی تەمبەڵ بۆ سەرچاوەکانی دەرەوەی شاشە گونجاوە.
ئەگەر گەورەترین وێنەی سەرەکی لەسەر شاشەی یەکەمیش دوا بخرێت، لەوانەیە ببێتە هۆی خاوبوونەوەی ئەزموونی بارکردنی سەرەتایی. لە کاتێکدا بارکردنی تەمبەڵی بنەڕەتی وۆردپرێس ٥.٥ بە گشتی قبوڵکراوە، خۆت لە بەکارهێنانی ڕێبازێکی گشتگیر بەدوور بگرە.

١٤. کەی پێویستم بە CDN / وێنەی CDN دەبێت ئەگەر ڕێگای A یان B بگرمەبەر؟

پەستێناندن، قەبارە و فۆرمات وەڵامی پێویستیی “فایلی بچووکتر و گونجاوتر” دەدەنەوە.
CDN گەیاندنێکی خێراتر و باوەڕپێکراوتر مسۆگەر دەکات.
کاتێک دواکەوتنێکی بەرچاو هەیە بەهۆی وەرگرتنی وێنەکانەوە لە سێرڤەرێکی سەرچاوەی دوورەوە، زیادکردنی CDN بۆ هەر وێنەیەک (بۆ نموونە Cloudflare Poland یان Jetpack Site Accelerator) بەگشتی دەبێتە هۆی ئەزموونێکی جێگیرتر، کە خوێندنەوەی ناوەڕۆکەکە ئاسانتر دەکات. خێراکردنی وۆردپرێس CDN

١٥. سادەترین ڕێگا چییە بۆ دڵنیابوونەوە لەوەی کە بەڕاستی کاری کردووە دوای ئەوەی ئەنجامم دا؟

خێراترین شێوازی پشتڕاستکردنەوە:

  • کاتێک هەمان لاپەڕە بۆ جاری دووەم نوێ دەکەیتەوە، ئایا پرۆسەی بارکردنەکە جێگیرتر و خێراتر دەبێت؟
  • ئایا جیاوازییەکی بەرچاو لە قەبارەی وێنەکەدا هەیە لەنێوان باربوونی مۆبایل و دێسکتۆپدا (ئایا srcset/sizes بە شێوەیەکی کاریگەر کار دەکەن)؟
  • پشکنینی خێرای چەند وێنەیەک: ئایا هیچ فایل/سەرچاوەیەکی WebP یان AVIF هەیە؟
  • چاوخشاندنێکی خێرا بە چەند وێنەیەکدا بکە: نزیکی بکەرەوە بۆ ئەوەی بزانیت ئایا بە شێوەیەکی بەرچاو لێڵن یان نووسینەکان ناڕوونن.