InstantShift-dzienne zasoby projektantów stron internetowych i programistów.
w stale rozwijającym się środowisku ważne jest, aby serwer odgrywał odpowiedzialną rolę zgodnie z wymaganiami. Istnieją jednak okresy szczytowe, gdy serwer poddaje się lub przekracza żądany limit przepustowości. Serwer może zostać zawieszony przez dziesiątki powodów, z których każdy powód ma kilka możliwości, a każda możliwość ma dziesiątki rozwiązań, które uzasadniają ich istnienie. Może to narzucić ogromną ilość zamieszania dla małej grupy programistów.
jedna rzecz, którą zauważyliśmy podczas zarządzania kilkoma stronami internetowymi – w wielu przypadkach nie są to najszybsze strony w sieci. Chociaż wiele z tego może wynikać z konfiguracji serwera hosta, niektóre problemy z wydajnością są spowodowane przez rzeczy, które możesz kontrolować.
w tym artykule przedstawiamy najlepsze wskazówki, jak zmniejszyć obciążenie serwera i zaoszczędzić przepustowość dla rosnących witryn.
istnieje wiele powodów, dla których możesz stawić czoła przestojom witryny. Może to być spowodowane stanem serwera hosta (na przykład, jeśli jest to serwer współdzielony, inne witryny działające na tym samym serwerze zdecydowanie spowolnią działanie) lub konfiguracją witryny lub może z powodu kodu. Ważne jest, aby grać bezpiecznie.
jest kilka rzeczy, o których musisz pamiętać przed zbadaniem tych wskazówek, że wiele razy jest możliwe, że kilka z wymienionych wskazówek nie działa dla twojej konkretnej witryny, co nie oznacza, że nie będzie działać z żadnym innym Twoim projektem.
również jako osobista rekomendacja, jeśli szukasz wskazówek dotyczących zmniejszenia obciążenia serwera i oszczędzania przepustowości, spróbuj skorzystać z tych technik, ponieważ z powodzeniem możemy uzyskać pożądane wyniki w przeszłości.
możesz być zainteresowany również poniższymi artykułami pokrewnymi.
Dołącz do nas i zawsze możesz podzielić się swoimi przemyśleniami, które mogą okazać się pomocne dla naszych czytelników.
nie zapomnij subskrybować naszego kanału RSS i śledzić nas na Twitterze — najnowsze aktualizacje.
11 wskazówki, jak zmniejszyć obciążenie serwera i zaoszczędzić przepustowość
01. Użyj tekstu CSS zamiast obrazów
obrazy sprawiają, że strony internetowe są wolniejsze i zużywają dużo przepustowości serwera. Zamiast używać obrazu tła, użyj kodu CSS. Na przykład, jeśli chcesz użyć zwykłego czerwonego tła w swojej witrynie, użyj kodu CSS background-color:#F00 zamiast czerwonego-bg.jpg. Za pomocą CSS możesz ustawić kolor tła lub obraz tła dowolnego elementu CSS.
to jest fajny tutorial na CSS-Tricks.com o tym, jak mądrze wykorzystać obrazy tła, aby zmniejszyć obciążenie serwera.
02. Optymalizacja obrazów
ponad połowa przepustowości na większości witryn jest używana przez obrazy, a optymalizacja obrazów jest najlepszym sposobem na poprawę przepustowości używanej na serwerze WWW. Zoptymalizuj swoje obrazy pod kątem Internetu i zmniejsz ich rozmiary, nigdy nie używaj plików bitmapowych (.bmp), ponieważ są ogromne (głównie w MBs). Powinieneś użyć jpeg (.jpg) lub gif (.pliki gif) dla obrazów, ponieważ są one zoptymalizowane dla Internetu. Dobrą zasadą jest dążenie do tego, aby żaden obraz nie był większy niż 10 Kb. Jest to szczególnie trudne w przypadku animacji, ale jeśli możesz to zrobić, zauważysz niezwykłą różnicę w przepustowości używanego serwera. Istnieją różne programy konwersji obrazu / oprogramowanie dostępne w całym internecie i istnieją różne programy optymalizacji zbyt, należy uzyskać program optymalizacji, który będzie w stanie zachować jakość obrazów, jednocześnie drastycznie zmniejszając jego rozmiar.
jeśli używasz programu Photoshop, użyj opcji Kompresuj obrazy za pomocą opcji „Zapisz dla sieci & urządzeń” (Alt+Shift+Ctrl+S), aby zoptymalizować je pod kątem minimalnej przepustowości. Jeśli masz obraz z dużą ilością kolorów, powinieneś wybrać JPEG lub PNG. Baw się jakością, aby zmienić rozmiar pliku.
Sprawdź siódme badanie Georgia Tech GVU WWW cytowane w „How Much is Too Much”.
03. Skompresuj swój CSS za pomocą skróconych właściwości CSS
pliki CSS mogą być dość duże, z dużą ilością bezużytecznych przerw i spacji. Właściwości CSS są świetne! Są doskonałym sposobem na zmniejszenie ilości kodu zawartego w dokumencie CSS, co pozwala na szybsze pobieranie i łatwiejszą edycję. Na przykład możesz użyć
margin: 2px 1px 3px 4px (Góra, Prawo, Dół, Lewo)
…zamiast
margin-top: 2px;
margin-right: 1px;
margin-bottom: 3px;
margin-left: 4PX
jest fajny artykuł napisany przez webcredible.co.uk o właściwościach CSS.
możesz też użyć kompresora CSS z arantius.com aby zmniejszyć rozmiar pliku CSS i niepotrzebne przerwy i spacje.
04. Usuń niepotrzebny kod HTML, znaczniki i białe spacje
możesz skompresować rozmiar strony, usuwając niepotrzebne białe spacje w plikach HTML, nawet Usuń komentarze (jeśli nie jest to absolutnie konieczne), ponieważ każdy dodatkowy charecter oznacza dodatkowy rozmiar strony. Niezależnie od tego, czy używasz wizualnych edytorów HTML, czy notatnika, Twój kod HTML zawiera niepotrzebne rzeczy: niepotrzebne spacje, zwroty, metatagi, domyślne wartości w elementach HTML itp. Sprawią, że Twoje strony internetowe będą większe, nie służąc żadnemu realnemu celowi. Ładowanie większych stron www trwa dłużej, zwiększa ruch danych na serwerze WWW i marnuje cenną przepustowość.
Wordoff to proste i przydatne narzędzie internetowe, które pozwala usunąć niepotrzebne tagi i style z kodu HTML. Większość z nas musi ręcznie wyczyścić kod HTML w naszym życiu zawodowym. To narzędzie internetowe zdecydowanie pomóc nam wszystkim w tej sytuacji, a także znaleźć to warto zakładki.
05. Użyj bibliotek AJAX i JavaScript
AJAX to technologia komunikacji strony internetowej z serwerem za pomocą JavaScript bez przeładowywania strony. Ogólnie rzecz biorąc, powiązane strony na stronie internetowej składają się z wielu treści, które są wspólne między nimi. Używając tradycyjnych metod, zawartość musiałaby być przeładowywana na każde żądanie. Jednak za pomocą Ajax, aplikacja internetowa może żądać tylko treści, które muszą być aktualizowane, co drastycznie zmniejsza wykorzystanie przepustowości i czas ładowania.
jeśli chcesz przeczytać więcej o technikach, których możesz użyć, aby zaoszczędzić przepustowość, korzystając z API bibliotek AJAX Google, perishablepress.com opublikował artykuł na ten temat.
06. Wyłącz Hotlinki do plików
termin Hot Linking to łączenie obrazów lub plików do pobrania z twojej witryny z innymi witrynami. Zasadniczo obrazy znajdują się na twojej stronie internetowej, a inne witryny po prostu łączą tagi obrazów z Twoją witryną, a tym samym kradną Twoją przepustowość. Jeśli ludzie „hotlinkują” do Twoich plików graficznych, używają Twojej przepustowości, za którą ostatecznie zapłacisz.
możesz temu zapobiec, umieszczając”.plik htaccess w folderze, w którym przechowywane są obrazy. Pozwoli to tylko na wyświetlanie obrazów z twoich własnych stron-każdy, kto łączy się z nimi spoza twojej witryny lub dowolnej wybranej witryny, będzie miał „czerwony x” zamiast obrazu.
RewriteEngine On
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER}! ^http (s)?://(.*\.)?yourserver.com
RewriteRule \.(jpeg / jpg / gif / png)$ –
altlab.com napisał ładny samouczek, aby zapobiec hotlinking za pomocą .plik htaccess.
możesz również użyć .generator htaccess do wyłączania hotlinkingu dostarczanego przez HTMLBasix.
07. Skompresuj HTML i PHP za pomocą GZip
podobnie jak CSS, Twój HTML może zawierać wiele białych spacji i bezużytecznych przerw. Jeśli używasz PHP, możesz użyć mod_gzip dla Apache do kompresji treści. Mod_gzip jest modułem dla apache (istniejącym zarówno w wersjach windows, jak i Unix/Linux apache), który może znacznie obniżyć rozmiar strony internetowej w locie, gdy jest to wymagane przez przeglądarkę, która może zrozumieć skompresowaną zawartość (prawie wszystkie nowoczesne przeglądarki obsługują kompresję). Pamiętaj, wspaniałą rzeczą jest to, że kompresja na serwerze jest aktywowana tylko wtedy, gdy przeglądarki żądają skompresowanej zawartości, w przypadku, gdy przeglądarka nie rozumie skompresowanej zawartości lub nie żąda jej, serwer po prostu serwuje zwykłą, nieskompresowaną zawartość!
najprostszym sposobem jest użycieplik htaccess. Polecam korzystanie .metoda htaccess, ponieważ jest bardzo prosta w implementacji i przez .plik htaccess można dodatkowo skonfigurować konfiguracje serwera. Teraz, aby włączyć kompresję gzip, dodaj następującą linię do swojego .plik htaccess.
php_value output_handler ob_gzhandler
lub możesz wstawić kolejność kompresji PHP do pracy, powinieneś wstawić następującą linię w nagłówku swoich stron internetowych, na górze strony, która jest Twoją stroną:
< ? ob_start („ob_gzhandler”);?>
webcodingtech.com napisał tutorial o tym, jak włączyć kompresję gzip.
08. Użyj Darmowej Strony hostingowej images / file webhosting, aby hostować swoje pliki
jeśli chcesz udostępnić (duże) pliki i nie pozwolić, aby Twoja przepustowość wpływała na to, Hostuj plik na darmowych lub płatnych stronach hostujących obrazy/pliki, takich jak Flickr, Pikasa, PhotoBucket, ImageShack, rapidshare.com oraz megaupload.com. Hostuj plik i umieść link do pobrania na swoim blogu lub stronie internetowej. Pozwoli to zaoszczędzić ogromną ilość przepustowości na serwerze. Zanim jednak to zrobisz, upewnij się, że Twój usługodawca zezwala Ci na to.
09. Unikanie załączników w miarę możliwości
Jeśli plik, który zamierzasz hostować na swoim serwerze, można znaleźć w innym miejscu w sieci, może lepiej użyć łącza tej lokalizacji, zamiast hostować kopię samego pliku na serwerze. Bez wątpienia będzie to kosztować dodatkową przepustowość, ale także zwiększy obciążenie serwera. Jeśli nic innego, zaoszczędzi ci to trochę czasu, ponieważ nie musisz przesyłać pliku do systemu.
10. Buforowanie strony
buforowanie to metoda pobierania danych z gotowej pamięci masowej (cache) zamiast korzystania z zasobów do generowania ich za każdym razem, gdy potrzebne są te same informacje. Włącz buforowanie w witrynie, jeśli nie jest dynamiczne, pozwoli komputerowi użytkowników końcowych na odczyt z serwera raz na jakiś czas, resztę razy będzie czytał z własnych kopii zapasowych, dopóki nie wygaśnie. Innym dobrym pomysłem jest buforowanie witryny, ale możesz ustawić datę wygaśnięcia w nagłówkach HTTP, aby wygasa nagłówki informowały przeglądarkę, jak długo powinna przechowywać zawartość w pamięci podręcznej. Większość obrazów w witrynie nigdy się nie zmienia i dobrym pomysłem jest przechowywanie ich w pamięci podręcznej lokalnie.
buforowanie z mod_headers
# 1 rok
< filesmatch”\.(flv / ICO / pdf / avi / mov / ppt / doc / mp3 / wmv / wav)$”=””>
Header set Cache-Control „max-age=29030400, public”
< / filesmatch>
# 1 tydzień
< filesmatch „\.(jpg / jpeg / png / gif / swf)$”=””>
Header set Cache-Control „max-age=604800, public”
< / filesmatch>
# 3 HOUR
< filesmatch „\.(txt / xml / js / css)$”=””>
Header set Cache-Control „max-age=10800”
</filesmatch>
# nigdy nie buforuj
< plików „\.(html|htm|php|cgi|pl)$”=””>
Header set Cache-Control „max-age=0, private, no-store, no-cache, must-revalidate”
</filesmatch>
Caching with mod_expires
ExpiresActive On
ExpiresDefault A0
# 1 YEAR
<filesmatch „\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav)$”=””>
ExpiresDefault A9030400
</filesmatch>
# 1 WEEK
<filesmatch „\.(jpg|jpeg|png|gif|swf)$”=””>
ExpiresDefault A604800
</filesmatch>
# 3 HOUR
<filesmatch „\.(txt / xml / js / css)$”=””>
ExpiresDefault A10800 ”
< / filesmatch>
11. Cache RSS Feeds
RSS lub naprawdę prosta Syndykacja, jak powszechnie wiadomo, to technologia, która daje webmasterom możliwość łatwego rozpowszechniania i publikowania treści konsorcjalnych w Internecie. Po buforowaniu kanału będzie on odczytywany z lokalnego dysku twardego przez określony czas. Po upływie określonego czasu kanał RSS zostanie pobrany ponownie. Dzięki temu zawartość wyświetlanego kanału RSS pozostaje aktualna, jednocześnie przyspieszając cały proces. Kanały RSS pamięci podręcznej zmniejszają wykorzystanie przepustowości. Przepustowość jest zmniejszona, ponieważ serwer WWW nie musi wielokrotnie pobierać tego samego kanału RSS z serwera.
wniosek
jeśli chcesz stworzyć stronę internetową o dużym natężeniu ruchu, blog lub galerię zdjęć, nie przekaż tylko swojego hosta, ale poświęć trochę więcej czasu na optymalizację witryny i serwera. Ponieważ jeśli tego nie zrobisz, wkrótce będziesz szukał nowego i większego hosta dla swojej witryny. Chociaż zawsze zaleca się używanie dobrego i szybkiego hosta, ale zastosowanie tych technik pozwoli Ci zaoszczędzić dużo obciążenia serwera i przepustowości w krótkim czasie.
Coś Przeoczyliśmy?
czy masz jeszcze jakieś techniki oszczędzania pasma, których nie ma na tej liście? Zapraszamy do dzielenia się nimi z naszymi czytelnikami.