Ο μηχανισμός (module) Lissa είναι ένα εργαλείο που μπορεί να μειώσει σημαντικά το πλήθος των αιτημάτων http (http requests) που μπορεί να κάνει μία ιστοσελίδα. Αποτελέι επέκταση του YUI PHP Loader και είτε σας ενδιαφέρει η βιβλιοθήκη YUI είτε όχι αξίζει να χρησιμοποιήσετε τον μηχανισμό αυτό για να καλείτε τους πόρους (css και js) που θέλετε να χρησιμοποιήσετε στη σελίδα σας.
Παράδειγμα παραγόμενου αρχείου css από τον μηχανισμό Lissa:
<link rel="stylesheet" type="text/css" href="http://your_domain/resources/
lissa/minify/min/index.php?b=containing_folder&f=resources/css/style1.css,
resources/css/style2.css,resources/css/style3.css,resources/css/style4.css,
resources/css/style5.css,resources/css/style6.css,resources/css/style7.css
" />
Στο συγκεκριμένο παράδειγμα με ένα http request αποκτούμε πρόσβαση στις εντολές 7 αρχείων css τα οποία θέλουμε στο site μας αντί να κάνουμε 7 http requests. Παρόμοιο είναι και το αρχείο που μπορούμε να παράξουμε με τη συγχώνεση των javascript αρχείων της εφαρμογής μας.
Αυτό που κάνει ο μηχανισμός Lissa είναι να παράγει ένα αρχείο css και ένα αρχείο js συγχωνεύοντας όλα τα αρχεία που θα του ορίσετε. Αυτό έχει σαν αποτέλεσμα να γίνονται μόνο 2 http requests (ένα για το css και ένα για το js αρχείο) όσα πολλά resources και αν θέλετε να έχετε στο site σας.
Ένα δεύτερο πλεονέκτημα είναι ότι κάνει minify στον κώδικα των αρχείων σας. Αυτό σημαίνει ότι όταν γράφετε κώδικα css ή javascript δεν χρειάζεται να έχετε στο νου σας να μην αφήνετε κενά και να μην αλλάζετε πολλές γραμμές καθότι το Lissa θα κάνει την ελαχιστοποίηση για εσάς. Για νέους προγραμματιστές που ενδεχομένως δεν καταλαβαίνουν τι σημαίνει αυτό δίνουμε ένα παράδειγμα:
Έστω ότι στο αρχείο css του site σας έχετε μία δήλωση της μορφής:
#wrapper{ background:#fefefe; color:#cecece; width:980px; margin: 0 auto; }
Μία πιο καλή σύνταξη αυτής της δήλωσης είναι η ακόλουθη:
#wrapper{background:#fefefe;color:#cecece;width:980px;margin: 0 auto;}
Στη δεύτερη αυτή περίπτωση ο κώδικας css είναι ελαχιστοποιημένος (minified) καθότι έχουμε περιορίσει τον αριθμό των γραμμών που καταλαμβάνει και των κενών μεταξύ των εντολών μορφοποίησης και αυτό έχει σαν αποτέλεσμα το ταχύτερο parsing από τον browser.
Κάνοντας χρήση του μηχανισμού Lissa επιτυγχάνουμε το αποτέλσμα της δεύτερης περίπτωσης χωρίς κόπο. Έτσι μπορούμε να διατηρούμε τον κώδικά μας σε ευανάγνωστη για τον άνθρωπο/προγραμματιστή μορφή (βλέπε πρώτη περίπτωση) αλλά η σελίδα μας να σερβίρει ελάχιστοποιημένο (minified) κώδικα στους φυλλομετρητές (browsers).