मजकुराकडे जा
FileSlimmer
साधने
मार्गदर्शक

कोड साधने

ही तिन्ही साधने तुमचा स्रोत वाचतात, पुन्हा लिहितात आणि पुन्हा बाहेर छापतात. ती जे कधीच करत नाहीत ते म्हणजे तो चालवणे. हा फरकच इथला संपूर्ण सुरक्षा आराखडा आहे, आणि तो वाक्यात दिलेले वचन नसून कोडमध्ये बजावलेला नियम आहे.

तुमचा कोड वाचला जातो, चालवला जात नाही

लहान करणाऱ्या साधनाला तुमचा स्रोत समजून घ्यावा लागतो — म्हणजे त्याचे वाक्यरचनेच्या झाडात विश्लेषण करून ते झाड पुन्हा छापावे लागते. त्यासाठी काहीही चालवून पाहण्याची गरज नसते, आणि हे साधन ते करतही नाही: इथे eval नाही, डायनॅमिक Function नाही, आणि तुमची स्क्रिप्ट चालवणारे पूर्वावलोकनही नाही.

SVG च्या बाबतीत हे सर्वात महत्त्वाचे. SVG हा चालणारा दस्तऐवज आहे — त्यात स्क्रिप्ट, इव्हेंट हँडलर आणि javascript: ने सुरू होणारे URL असू शकतात. यांपैकी प्रत्येक गोष्ट दोनदा काढली जाते: एकदा सुधारकाच्या स्वतःच्या नियमाने आणि पुन्हा एकदा नंतर चालणाऱ्या स्वतंत्र फेरीने — कारण एकाच बगसह असलेली एकच गाळणी हा काही सुरक्षा आराखडा नव्हे.

लहान केल्याने प्रत्यक्षात किती वाचते

मोकळी जागा काढली आणि स्थानिक नावे लहान केली की कच्च्या स्रोताचा साधारण एक तृतीयांश भाग कमी होतो. उरलेला बहुतेक फायदा लहान करणाऱ्या साधनाकडून नव्हे, तर तुमच्या सर्व्हरच्या संकोचनातून येतो; त्यामुळे लहान करून मग gzip केलेली फाइल हीच खरी तुलना आहे — कच्च्या बाइट्सची मोजणी नव्हे.

इम्पोर्ट तसेच ठेवले जातात

CSS मधील @import मजकूर म्हणून तसाच ठेवला जातो किंवा तुम्ही सांगितल्यास काढला जातो. त्याचा पाठलाग कधीच केला जात नाही: तो ज्याकडे बोट दाखवतो ते आणले, तर तुम्ही चिकटवलेल्या फाइलबद्दल हे पान तुमच्या वतीने विनंती पाठवेल — आणि नेमके तेच होऊ नये म्हणून उरलेली साइट बांधलेली आहे.

मार्गदर्शक

मार्गदर्शक