Zwrócę uwagę na kwestię techniczną, a mianowicie na optymalizację :)
Zobacz jak słabe wyniki wykręca strona w teście googla https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.luckymal.com%2F
Strona ładowała mi się z 5 sekund a mam światłowód 100Mbps :/
1. Cache - wyłączenie go powoduje, że za każdym razem wchodząc na stronę trzeba czekać te jak wyżej dgraghan napisał 20 sekund co jest bardzo odrzucające dla użytkownika. Style oraz JS bootstrapa czy jquery nie zmienią się pewnie nigdy, zresztą reszta plików też zmieni się bardzo rzadko, dlatego niezrozumiałym ruchem jest dla mnie wyłączanie cachowania
2. Font - zastanowiłbym się czy jest Ci potrzebny na stronie font w każdej możliwej grubości i stylu (bo idę o zakład, że można by było skończyć spokojnie na 3). Możliwe, że api od googla do ładowania fontów jakoś by pomogło, ale nie bawiłem się tym. Dodatkowo po co i font awesome i fontello, skoro wszystkie ikonki z tego pierwszego możesz dodać także do fontello?
3. CSS - ładujesz pełno arkuszy, które zawierają może po 40 linijek (do tego niektóre mają pełno whitespaców i puste klasy) i o ile rozdzielenie w trakcie tworzenia jest jak najbardziej okej o tyle na produkcji to powinno być wrzucone do jednego pliku (nie mamy 10 requestów po pliki tylko 1), a najlepiej jeszcze zminifikowane.
Dodatkowo boostrap jest linkowany dwa razy, a najlepiej zalinkować go w ogóle z cdn-u.
Inną rzeczą są style linkowane w mainie, których nie rozumiem (może ktoś mi wyjaśnić) :D
4. JS - podobnie jak przy css, wszystkiego jest dużo do tego niektóre biblioteki nie są zminifikowane nawet. Tak samo do jquery, bootstrapa i innych bibliotek można zastosować cdn-y, ale przed tym zastanowić się czy korzysta się z ich funkcji. I tutaj bohaterem staje się guziczek scrollowania do góry do obsługi, którego angażujesz całą biblioteke scrollTo, dlaczego? Skrypt google analytics można załadować asynchronicznie. Jak stare przeglądarki chcesz wspierać, albo do czego użyty został modernizr? Ja bym się zastanowił czy na pewno wszystko jest potrzebne z tego JSa (nie chce mi się sprawdzać do czego służą cycle i select2), a jak już mamy używać takich rzeczy to przydałoby się żeby były one z zminifikowane z cdnów. Swój kod JS wrzuciłbym do jednego pliku, albo nawet bezpośrednio na strone (zasada jak przy cssie).
5. Zdjęcia - zdjęcia wrzucone przez użytkowników użyte w miniaturkach mają łącznie około 6MB(!), a są to tylko miniaturki. Zastanowiłbym się nad: a) czy png to na pewno najlepszy format dla zdjęć, b) czy można użyć jakiegoś narzędzia kompresującego po stronie serwera (nie używałem nigdy takich narzędzi, ale są). Slider jeszcze rozumiem, że ma być w dobrej jakości, ale tutaj jak już ładujemy stronę można pomyśleć o czymś ładującym obrazki niezależnie.
To są rzeczy tylko ze strony głównej (ale zakładam, że na podstronach jest podobnie). Piszę o nich, bo szybkość ładowania strony jest ważna - im dłużej strona będzie się ładować tym mniejsze prawdopodobieństwo, że odwiedzający na niej zostanie, a nie ucieknie w trakcie ładowania. I o ile tutaj mamy jednak konkretny cel to i tak może ładowanie strony (aż boje się pomyśleć ile to się ładuje na mobilnym internecie) zniechęcić użytkowników do tej witryny. Na innych podstronach nie ma "zasłaniacza" przy ładowaniu i po prostu widać jakie to jest ociężałe i ile zajmuje wyrednerowanie tej strony w całej okazałości.
Zapraszam innych dodawania uwag zarówno do mojego wywodu jak i do całej witryny. Szczególnie zapraszam jakiś doświadczonych webowych graczy, którzy mają większą wiedzę niż ja na ten temat :D
//edit
Poskakałem po witrynie, aż takiej tragedii jak pisałem to nie ma, aczkolwiek chyba część cachowania działa (jak wyłączę ręcznie jest gorzej), jednak dalej podtrzymuje, że można i należy to zrobić lżej :D
Te skrypty działają trochę ociężale co zobaczyłem na telefonie i tym jak po odpaleniu menu, pojawiły mi się pozycje po 2 sekundach ;)
Pamiętaj, że cały ten wywód dla dobra witryny! :D
