Back to Question Center
0

मोठ्या JS लायब्ररी लोड करण्याच्या खर्चात मी कशी कमी करू? - मिहान

1 answers:

जर मी माझ्या पृष्ठासाठी मोठी Semaltेट लायब्ररीचा वापर करीत आहे, तर मी हे कसे सुनिश्चित करू शकतो की हे वापरकर्त्याच्या साइटचा वापर कमी करत नाही?

. Source - ace ventura lines
February 13, 2018

आपण करू शकता गोष्टी आहेत 4.

  1. आपल्या JS फाइल Minify. हे त्याच्या आकार कमी करण्यासाठी सर्व टिप्पण्या आणि Whitespace काढून टाकते.
  2. प्रत्येक पृष्ठावर आपल्या JS फायली एकत्र करा जेणेकरून केवळ 1 फाइल असेल.
  3. आपण जेव्हा त्यांना पाठविता तेव्हा आपल्या फाईल्स gzip करण्यासाठी पॅकेज वापरा. हे त्यांना लहान करेल
  4. जावास्क्रिप्ट जो पृष्ठाच्या तळाशी लगेचच आवश्यक नाही तोपर्यंत तो लोड होइल. हे वापरकर्त्यास JS पूर्णपणे लोड होण्यापूर्वीच पृष्ठ पाहण्यासाठी आणि वापरण्याची अनुमती देईल.

आणि इतर काही लोकांनी सुचवले आहे:

  • अपाचे स्वयंचलितरित्या हाताळेल संक्षेप (आणि च्या कॅशे संकुचित सामग्री) जे मोठ्या प्रमाणात फायलींचे व्यवस्थापन सुलभ करते
  • JavaScript योग्यरित्या कॅशे-सक्षम करणे मोठे फायदे उत्पन्न करेल.
  • वाइल्डकार्ड डोमेन (एकाधिक URI सह) अधिक समवर्ती अनुमती देईल कनेक्शन. प्री-फ्रेचिंग फक्त नाही प्रतिमा /

आपण सामान्य लायब्ररी वापरत असल्यास (जसे की, jQuery, प्रोटोटाइप किंवा डोजोज), आपण Google कडे फाइल ऑफलोड करू शकता आणि त्यांना सर्व्ह करू शकता , यामुळे आपल्याला अनेक फायदे मिळतात:

  • आपण कमी करणे किंवा वगळणे इत्यादीबाबत काळजी करण्याची गरज नाही
  • तो आपला बँडविड्थ नाही
  • या फायली वेगळ्या डोमेनवरून येतात, त्यामुळे आपण किमान (किमान अंशतः) योग्यरितीने प्रत्येक होस्टनाव साठी 2 समांतर विनंत्यांची मर्यादा हलवू शकता.
  • आपण भाग्यवान असल्यास, वापरकर्त्याने आधीपासूनच एखाद्या अन्य साइटला भेट दिली आहे जी समान प्रदाता समान लायब्ररी वापरली आहे, म्हणून ती आधीपासून ब्राउझर कॅशेमध्ये आहे.

टीप: ज्या आवृत्तीसाठी आपण विचारत आहात त्यास कॅशेंग वैशिष्ट्यांवर मोठ्या प्रमाणावर परिणाम होऊ शकतो: jQuery 1 साठी विचारणे. 4. 2 आपल्याला एक फाइल देईल जी एक वर्षापर्यंत कॅश केली जाऊ शकते, परंतु 1. 4 फक्त एक तास कॅशे केले जाऊ शकते.

आपण संपूर्ण लायब्ररी एका जेएस फाईलमध्ये ठेवू शकता आणि फाइल संक्षिप्त करू शकता. तथापि, हे खरोखर केवळ पृष्ठाच्या पहिल्या लोडिंगसाठी महत्त्वाचे आहे. यानंतर ब्राउझरमध्ये आपली जेएस फाइल कॅश केली जाईल, विशेषतः आपण जर लांब कॅश-समाप्ती सेट केली असेल तर. त्यामुळे कोणत्याही सलग हिट तुमची जेएस फाइल आता लोड करणार नाही.

वरील उत्तरांव्यतिरिक्त, इतर तृतीय पक्षीय लायब्ररी (jQuery, YUI, mootools, इत्यादी) सह एकत्रित करताना आपण स्वयंचलितपणे संकलित आणि आपल्या JS अनुकूलित करण्यासाठी Google क्लोजर कंपाइलर वापरू शकता.)

.

स्टीव्ह सॉडर यांनी आपल्या हाय परफॉर्मन्स वेब साइट्स ब्लॉगमध्ये -

काही परिस्थितींमध्ये, हे फायदेशीर आहेआहेत की संसाधने एक घड घेणेएका एकल डोमेनवर डाउनलोड केले जात आहेआणि त्यांना एकाधिकपहाय विभाजित कराडोमेन. मी या डोमेनमध्ये घालत आहे. असे करण्यामुळे अधिक संसाधने अनुमती मिळतातसमांतर डाऊनलोड, कमीएकूण पृष्ठ लोड वेळ.

दुसरीकडे तो लिहितो.

ब्राउझरची मर्यादित संख्या उघडाप्रति डोमेन कनेक्शन स्प्टीटिंग, किंवाsharding, दोन ओळीत विनंतीडोमेन प्रमाणे, एका डोमेनच्या विरूद्ध,परिणाम वेगवान पृष्ठावर, विशेषतःIE 6 आणि 7

मध्ये