Optymalizacja kodu

  1. Błąd HTML
  2. Przeglądarka i standardowy kod
  3. Optymalizacja kodu

Podczas pisania kodu niemożliwe jest wykrycie wszystkich błędów i ich poprawienie. Pisanie kodu, zwłaszcza w dużych ilościach, jest monotonne, nieco nudne i często powtarzalne, więc oko jest zamazane. Dla mnie znalezienie i poprawienie błędów to dla mnie osobna procedura wykończeniowa. Oprócz oczywistych błędów często pojawiają się nielogiczne fragmenty kodu, które również muszą zostać przepisane, uproszczone i wyeliminowane.

Oprócz poprawiania błędów i innych niedociągnięć, musisz zająć się optymalizacją treści dla wyszukiwarek. Wyszukiwarki mają pewne wymagania dotyczące witryn, które tylko mnożą się co roku i jeśli zdecydujesz się nie celowo zamykać witryny przed indeksacją, te wymagania powinny być przestrzegane.

Błąd HTML

Zacznijmy od błędów. Nie ma absolutnie żadnego powodu, aby samodzielnie siedzieć i szukać błędów. W tym celu W3C świadczy specjalne usługi. Kod HTML można zweryfikować za pomocą Walidator HTML W3C i kaskadowe arkusze stylów za pomocą Walidator css W3C .

Mam dwa błędy na stronie głównej (to było w momencie pisania tego tekstu) - oba z powodu znacznika przycisku google +, którego nie ma w specyfikacji.

<g: plusone href = "http://nevor.ru">

Usuwamy te niespójności, a walidator nie ma żadnych roszczeń do mojego kodu:

Ale google + jest o wiele bardziej potrzebny niż obraz W3C, więc zostawię te błędy tam, gdzie były. Nie jest to szczególnie istotne, zwłaszcza jeśli minie proces sprawdzania poprawności kodu głównego witryny.

Walidator W3C działa tylko ze stronami hostowanymi w Internecie. Jeśli chcesz sprawdzić lokalną stronę pod kątem błędów, polecam korzystanie z wtyczki Walidator HTML na firefox. Wtyczka jest wbudowana w interfejs przeglądarki widoku źródła (wywoływany skrótem klawiaturowym Ctrl + U) przeglądarki i jest oparta na tym samym algorytmie, co usługa W3C. Wszystko wygląda tak:

Wtyczka nie tylko pokazuje błędy, ale także daje wskazówki, jak powinno być. Myślę, że użytkownicy Firefoksa z pewnością docenią to wspaniałe narzędzie programistyczne.

Przeglądarka i standardowy kod

Istnieje jeszcze jeden imponujący obszar, nazywany kompatybilnością między przeglądarkami. Już poruszyłem temat kompatybilności między przeglądarkami. ten artykuł . Chociaż nie można tego nazwać błędami, różnice w wyglądzie witryny w różnych przeglądarkach sprawiają, że nie jest rzadkością edytowanie kodu serwisowego (takiego kalambura), aby zadowolić kaprysy recenzentów. Najbardziej kapryśny był i pozostanie Internet Explorer. Są różne hacki dla przeglądarki Internet Explorer które pozwalają ci stłumić te nastroje. Jednak wiele z tych metod jest postrzeganych przez walidatora jako błędy (w rzeczywistości tak jest).

Dlatego nie polecam używania hacków. Zamiast tego możesz umiejętnie używać komentarzy warunkowych, o których wspomniałem w artykule dotyczącym kompatybilności między przeglądarkami. Poniższy przykład pokazuje, jak za pomocą komentarza warunkowego można umieścić link do arkusza stylów na stronie wyłącznie dla IE. Ponieważ podąża za główną tabelą, jej style będą, zgodnie z regułą kaskadowania, nakładać się na poprzednie (powodujące konflikt), dając Internet Explorer inne instrukcje.

<link rel = "arkusz stylów" href = "style.css" type = "text / css">

Problem z Internet Explorerem polega także na tym, że od wersji do wersji błędu w przetwarzaniu zawartość stron HTML w tej przeglądarce jest inna. Dlatego niektórzy programiści sprawdzają swoją pracę osobno w każdej wersji Eksploratora. Zadanie w niektórych przypadkach jest naprawdę konieczne. A do jego implementacji możesz (i powinieneś) korzystać z programu IETester specjalnie do tego stworzony.

Zalecam również pobranie przenośnych przeglądarek z witryny. Portableapps.com rozpakuj je w osobnych folderach, a następnie zainstaluj i skonfiguruj wtyczkę Otwórz szerokość (Firefox) do szybkiego i łatwego sprawdzania witryn pod kątem zgodności z różnymi przeglądarkami. Różnych graczy, galerie i inne dzwonki i gwizdki są również bardzo pożądane, aby zobaczyć we wszystkich przeglądarkach przed zaimplementowaniem. Korzyść wynika prawie zawsze z tego postu demo. Dotyczy to błędów.

Optymalizacja kodu

Teraz trochę o optymalizacji kodu. Polega ona na każdym możliwym uproszczeniu konstrukcji i rozwiązań w celu maksymalnego zmniejszenia ilości kodu bez utraty jakości i funkcjonalności (optymalizacja). Powtarzające się sekcje (jako opcja) można łączyć i reprezentować jako zmienną php.

$ img = "<img src = 'logo.jpg' alt = 'logo'>"; echo "$ img";

Bardzo często programiści powielają sekcje kodu lub komendy dziesięć razy.

echo "<div class = 'main'> ......"; echo "<span class = 'adress'> ......."; echo "<button id = 'send' type = 'button'> ....."; echo "</ button> </ span> </ div>";

kiedy możesz i potrzebujesz:

$ result = "<div class = 'main'> ......"; $ result. = "<span class = 'adres'> ......."; $ result. = "<button id = 'send' type = 'button'> ....."; $ result. = "</ button> </ span> </ div>"; echo $ result;

Przykład jest prymitywny, napisany dla jasności, aby nie komplikować. Ponieważ artykuł dotyczy raczej html-layoutu i stylizacji CSS, a nie PHP, ponieważ operacje serwera z plikami php na końcowej stronie nie są tak ważne. Ale źle napisany HTML i CSS - bardzo!

Style często używane w kodzie (a nawet wszystkie) muszą zostać umieszczone w arkuszu stylów. Możliwe jest umieszczenie części stylów dla jednej strony w nagłówku (sekcja <head>). Ale ogólnie rzecz biorąc, bardzo pożądane jest używanie dokładnie arkuszy stylów i niepotrzebne ich tworzenie (użyj jednego lub dwóch). Można również zminimalizować kod pliku css usługa online lub wtyczka do przeglądarki ( Phoneix dla Firefoksa ) tak, aby ładował się szybciej.

Istnieje inny rodzaj błędów, które nie odnoszą się do kodu, ale odnoszą się do witryny - pisowni. Obejmują one same błędy, a także literówki, które powstają w wyniku nieuwagi lub wpisywania artykułu w półotwartych oczach o trzeciej nad ranem. Sprawdź więc wpisany tekst w usłudze. Pisownia .

Jeśli materiały witryny były dla Ciebie przydatne, możesz wesprzeć dalszy rozwój zasobu, udostępniając go (i ja) wsparcie moralne i materialne .