אַרטיקל וועגווייַזער
שוועריגקייטן צו קלייבן דעם ריכטיקן טיפּ פון עמבעדדינג פֿאַר W3 Total Cache Minify? דער אַרטיקל טיילט אַ וועבמאַסטער'ס פאַקטישע דערפאַרונג און גיט אַ שריט-פֿאַר-שריט גייד צו פּינקטלעך קלייבן דעם ריכטיקן Minify עמבעדדינג טיפּ, פֿאַרמייַדנדיק וועבזייטל סטיל אומקאָנסיסטענסיעס און לאָודינג קראַשיז. עס כולל אויך אַ זיכערע סעטאַפּ לייזונג וואָס אפילו אָנהייבער קענען לייכט אָנווענדן.וואָרדפּרעסס פאַרגיכערן אָן קראַכן!
איך האָב אָפּטימיזירט אַ וועבזייטל און ווען איך האָב געעפֿנט די מיניפֿיי סעטטינגס אין W3 טאָטאַל קאַש, בין איך געווען גאָר פֿאַרשטוינט. די דראָפּדאַון מעניו פֿאַר די עמבעדיד טיפּ האָט געהאַט פֿיר אָפּציעס: דיפֿאָלט (בלאָק), ניצן JS פֿאַר נישט-בלאָקירן, ניצן "אַסינקראָנאָוס" פֿאַר נישט-בלאָקירן, און ניצן "פֿאַרשפּעטיקט" פֿאַר נישט-בלאָקירן.
איך האָב זיך אַ רגע געטראַכט וועגן דעם, וואָס איז דאָס אַלץ?
גלויבט מיר, איר זענט נישט אליין. די פיר אָפּציעס וועלן מסתּמא לאָזן אפילו אַ אָנהייבער צעמישט, און זיכער נישט איינעם וואָס ניצט וואָרדפּרעס שוין יאָרן. דער אַרטיקל פּרעזענטירט די פּיטפאָלז וואָס איך האָב באַגעגנט און די לעקציעס וואָס איך האָב געלערנט, גלייך צו אײַך. איר דאַרפֿט נישט באַראַטן זיך מיט דער דאָקומענטאַציע; נאָר פֿאָלגט מײַנע אינסטרוקציעס.
וואָס פּונקט זענען די פֿיר טיפּן עמבעדדינג?
לאָמיר ערשט רעדן וועגן וואָסער סאָרט כאַראַקטער די פיר אָפּציעס זענען.
פעליקייט (בלאָק)דאָס ווערט גערופן דיפאָלט בלאָקירן. דאָס איז דער גרינגסטער צוגאַנג: דער בלעטערער שטעלט זיך אָפּ ווען ער טרעפט אַ סקריפּט, דאַונלאָודט און עקסעקוטירט עס גאָר, און דערנאָך פאָרזעצט צו רענדערן די בלאַט. קלינגט פאַרלעסלעך, נישט אַזוי? אָבער דער קאָמפּראָמיס איז אַז אייער ערשטע בלאַט לאָוד וועט זיין בלאָקירט; באַניצער וועלן דאַרפֿן וואַרטן ביז דער סקריפּט ענדיגט לויפן איידער זיי קענען עפּעס זען.
ניצן JS פֿאַר ניט-בלאָקירןדאָס איז גאַנץ אינטערעסאַנט. אַנשטאָט גלייך צו שרייבן `<script>` טעגס אויף דער בלאַט, גיט עס ערשט אַרויס אַ קליין סקריפּט, און דערנאָך לייגט עס דינאַמיש אַרײַן די סקריפּטן וואָס דאַרפֿן אַרײַנגעלאָדן ווערן אין דער בלאַט דורך דזשאַוואַסקריפּט נאָכדעם וואָס דער בלאַט לויפט. אויף דעם וועג קען דער בלאַט ערשט געמאַכט ווערן, און די סקריפּטן קענען זיך לאָדן ביסלעכווײַז. קלינגט גוט, נישט אַזוי? אָבער, די פּראָבלעם איז אַז דער דינאַמישער אַרײַנשטעקונג פּראָצעס קען שטערן די אָריגינעלע אויספֿירונג סדר פֿון די סקריפּטן. אויב עטלעכע סקריפּטן אויף אײַער בלאַט פֿאַרלאָזן זיך שטאַרק אויף דער אויספֿירונג סדר, קענען עס אויפֿקומען פּראָבלעמען.
ניצט "אסינכראניש" פאר נישט-בלאקירנדיקעדאָס באַדייט צו לייגן דעם `async` אַטריביוט צום `<script>` טאַג. דער סקריפּט וועט זיך דאַונלאָודן אַסינקראָניש אין הינטערגרונט און אויספֿירן גלייך נאָכן דאַונלאָודן, אָן דעם וואָס דער בלאַט זאָל וואַרטן דערויף. אָבער, דער חסרון איז אַז די אויספֿירונג סדר איז גאָר נישט קאָנטראָלירבאר; וועלכער סקריפּט ענדיגט דאַונלאָודן ערשט וועט אויספֿירן ערשט, נישט קוקנדיק אויף דער סדר וואָס איר האָט ספּעציפֿיצירט אין קאָד.
ניצן "פאַרהאַלטונג" פֿאַר ניט-בלאָקירןדאָס איז וואָס עס מיינט צו לייגן צו דעם `defer` אַטריביוט. דער סקריפּט וועט וואַרטן ביז די גאַנצע בלאַט איז שוין געפּאַרסט איידער ער וועט עס אויספירן, און וויכטיק, עס וועט האַלטן די אָריגינעלע סדר אין וועלכער איר האָט עס געשריבן. דאָס איז גאַנץ באַניצער-פֿרײַנדלעך, ווײַל עס בלאָקירט נישט דעם ערשטן עקראַן און עס שטערט נישט די סדר.
וועלכע זאָל איך אויסקלײַבן?
צו זאגן עס פשוט, די פיר אָפּציעס זענען ווי אַ קייפל-ברירה קשיא:ווילסטו שנעלקייט אדער אָרדענונג?
מיין פאָרשלאָג איז דאָס:
אויב אייער וועבזייטל איז קליין, האט ווייניק סקריפּטן, און איר האט נישט קיין גאר הויכע באדערפענישן פאר לאודינג גיכקייט, איז ניצן די דיפאָלט (בלאקירט) סעטינג די גרינגסטע אפציע. כאטש עס איז אביסל שטייטער, וועט עס נישט שאפן קיין פראבלעמען.
אויב איר ווילט פֿאַרבעסערן די גיכקייט פֿון ערשטן עקראַן און אייערע סקריפּטן האָבן נישט שטאַרקע אָפּהענגיקייטן ווי "A מוז אויספֿירן פֿאַר B", שטעלט אַ פּריאָריטעט...ניצן "פאַרהאַלטונג" פֿאַר ניט-בלאָקירן(אפלייגן). דאס איז כמעט די מערסט אידעאלע לייזונג יעצט, ווייל עס בלאקירט נישט רענדערינג און שטערט נישט די סדר.
אויב איר פרובירט אָפּלייגן און נאָך אַלץ געפֿינט אַז עטלעכע פֿונקציעס האָבן פּראָבלעמען, דאַן באַטראַכט...ניצן JS פֿאַר ניט-בלאָקירןדי לייזונג איז מער ראַדיקאַל, אָבער איר קאָמפּאַטאַבילאַטי איז אַ ביסל ערגער.
ניצט "אסינכראניש" פאר נישט-בלאקירנדיקע(async) איז די אָפּציע וואָס איך רעקאָמענדיר מינדסטנס. ווײַל די אויספֿירונג־אָרדענונג איז גאָר צעמישט, איז עס גרינג צו קראַכן סײַדן איר זענט גאָר זיכער אַז אײַערע סקריפּטן לויפֿן אַלע זעלבשטענדיק.
צוויי גרויסע פּיטפאָלז אין וועלכער איך בין געפאַלן
רעדן איז ביליג. איך האב אויפגעשריבן צוויי טעותים וואָס איך האב געמאכט; איר קענט זיי קאנטראלירן מיט אייער אייגענער ערפארונג צו זען אויב איר קענט זיי אויסמיידן.
דער ערשטער פאַל: מען קען נישט פאָרויסקוקן קאַסטאַם וואָרדפּרעס טעמעס אין פאַקטישער צייט.
פאר א וויילע, ווען איך האב קאסטומיזירט א טעמע, נאכן קליקן אויף "שפארן", האט זיך די פאראויסקוק נישט געפרעשט. איך פלעג מאכן עטליכע ענדערונגען, רעפרעשן די בלאט, און עס פלעגט נאך אלץ זיין די זעלבע.
נאך עטליכע אויספארשונגען, האב איך אנטדעקט אז מיניפיי'ס קאמפרעסיע פונקציע איז געווען די שולדיקע. די לייזונג איז פשוט:
צוטריט דעם W3 טאָטאַל קאַש פּלוגין常规设置, קער זיך"קאמפרעסיע"אַראָפּנעמען דעם טשעק פֿון יענער אָפּציע. דערנאָך גיט אַ קליק אויף דעם קליינעם פײַל אונטער "היט די סעטטינגס" אין דער אויבערשטער רעכטער ווינקל און סעלעקטירט "..."ראַטעווען סעטטינגס און ויסמעקן קאַשדי שריט איז קריטיש; אויב איר רייניקט נישט דעם קעש, וועט איר נאך אלץ זען די אלטע ווערסיע.
נאכדעם וואס איר זענט פארטיג, גייט צוריק צו טעמע קאסטומיזאציע, און די לייוו פריוויו וועט זיין צוריק צו נארמאל.
די צווייטע פראבלעם: די אַסטראַ טעמע זוכקעסטל רעאַגירט נישט ווען מען קליקט דערויף.
איך בין אנגעקומען צו דעם פראבלעם א שטיק צייט צוריק. איך האב גענוצט די אסטרא טעמע, און איין טאג האב איך פלוצלינג געפונען אז די זוכקעסטל רעאגירט נישט ווי איך האב עס געקליקט. אין אנפאנג האב איך געמיינט אז דאס איז א פראבלעם מיטן טעמע אליין, אבער שפעטער האב איך אנטדעקט אז דאס איז געווען געפֿירט דורך W3TC'ס מיניפיי סעטינגס.
די לייזונג איז ווי פאלגנד:
גיי צו W3 טאָטאַל קאַש → אַלגעמיינע סעטטינגס → אַוואַנסירטע קאַמפּרעשאַן סעטטינגס → JS → מיניפי ענדזשין סעטטינגס → לאָקאַל סעטטינגס, און ענדער די עמבעדדינג טיפּ צו איינע פון די צוויי:
- פריער, איז נישט-בלאָקירן דערגרייכט געוואָרן ניצנדיק דזשאַוואַסקריפּט.
- דערנאך, ניצט JS פאר נישט-בלאקירן
אזוי אויך, אויסרייניקן דעם קעש און דערפרישן די בלאט וועט ערלויבן די זוכקעסטל צו ארבעטן ריכטיג.
וואָס שייך פאַרוואָס די צוויי אָפּציעס זענען אויסגעקליבן געוואָרן אַנשטאָט אַנדערע, האָב איך געטאָן אַ ביסל פאָרשונג. פשוט געזאָגט, די אַסטראַ טעמע'ס פראָנט-ענד קאָמפּאָנענטן זענען גאַנץ סענסיטיוו צו דער צייט פון סקריפּט אויספירונג, און געוויסע ניט-בלאָקירנדיקע מעטאָדן קענען פאַראורזאַכן געשעעניש ביינדינג צו דורכפאַלן. ניצן דעם "ניט-בלאָקירנדיק מיט JS" מאָדע זיכערט אַז דער סקריפּט אויספירט זיך נאָר נאָכדעם וואָס די בלאַט האָט זיך געענדיקט לאָדן, בשעת מען פֿאַרמייַדט די נישט-געאָרדנטע אויספירונג וואָס מען זעט מיט אַסינק.
ליסטע פון ערטער צו באַזוכן
צום סוף, דאָ איז אַ טשעקליסט וואָס איר קענט גלייך נאָכפֿאָלגן:
דער ערשטער שריט איז צו קלארשטעלן אייער ציל. ווילט איר די שנעלסטע ערשטע בלאַט לאָדן, אדער שטעלט איר אין פּריאָריטעט פעסטקייט און טעות-פֿרייע אָפּעראַציע? דאָס וועט באַשטימען וועלכע עמבעדדינג טיפּ איר זאָלט נוצן.
דער צווייטער שריט איז נישט צו ענדערן אלעס אויף איין מאל. ערשטנס, זוכט א ווייניגער וויכטיגע בלאט צו עס טעסטן, באאבאכט עס פאר א טאג אדער צוויי, און פראמאטירט עס נאר אויף דער גאנצער זייטל אויב איר זענט זיכער אז עס זענען נישטא קיין פראבלעמען.
דריטנס, שטענדיק אויסמעקן דעם קעש נאך יעדער ענדערונג. W3TC'ס קעשינג מעכאניזם וועט אייך פארמיידן צו זען די לעצטע ענדערונגען, ממילא איז דער "אויסמעקן קעש און נאכאמאל טעסטן" שריט גאר וויכטיג.
פערטנס, ניצט אייער בראַוזער'ס דעוועלאָפּער מכשירים אדער מכשירים ווי PageSpeed Insights צו פאַרגלייַכן די לאָודינג גיכקייט פריער און נאָך. לאָזט די דאַטן רעדן פֿאַר זיך, נישט נאָר אייער געפיל.
שרייב אין די סוף
צו זיין ערלעך, ווען איך האב צום ערשטן מאל געזען די איינגעבעטענע טיפ סעטינג, בין איך געווען שאקירט פאר א לאנגע צייט. דער דיפאלט בלאקירן מאָדוס האט אויסגעזען צו שטייט, בשעת די אסינכראנישע מאָדוס האט נישט גאראנטירט די סדר פון די אפעראציעס, און די פארלענגערונג קען שאפן קאמפאטיבילעטי פראבלעמען. איך בין געווען אומזיכער וועלכע אפציע צו קלייבן.
אבער איך האב שפעטער איינגעזען אז ס'איז א קאמפראמיס. מען קען נישט האבן ביידע די שנעלסטע און די מערסט סטאבילע; מען מוז שטענדיג אפפערן איינס. מיין ערפארונג איז צו ניצן דעפער ערשט, וואס איז יעצט די זיכערסטע נישט-בלאקירנדע לייזונג, און דערנאך ניצן א קאלבעק אויב פראבלעמען קומען אויף.
אויב איר טרעפט ענלעכע פראבלעמען, אדער אויב איר האט נאך אלץ אנדערע פראבלעמען נאכדעם וואס איר האט נאכגעפאלגט מיין מעטאד, פילט זיך פריי צו דיסקוטירן דאס. וועבזייטל אנטוויקלונג איז אלץ וועגן פרובירן און טעותן; קיינער איז נישט קיין אויסנאם.
א דאנק פארן לייענען מיין ארטיקל. זעהט אייך דאס נעקסטע מאל.
Hope Chen Weiliang בלאָג ( https://www.chenweiliang.com/ דער אַרטיקל "W3 טאָטאַל קאַש מיניפיי פּלוגין סעטטינגס: ווי צו קלייַבן די עמבעדינג טיפּ? מיין פּיטפאָלז און לעבן-ראַטעווענדיק עצות," וואָס איך האָב געטיילט, קען זיין נוציק פֿאַר אײַך.
ברוכים הבאים צו טיילן דעם לינק פון דעם אַרטיקל:https://www.chenweiliang.com/cwl-34003.html