SEO optimering af html side. Valg af den bedste online CSS-komprimeringstjeneste
Du skal optimere din HTML-kode og cascading style sheets (CSS) for at fremskynde indlæsningsprocessen af dit websted og det indhold, der hostes på det. Besparelse af tid og trafik, generelt længe efter optimering, vil være betydelig, selvom hastighedsændringen ikke er særlig mærkbar udadtil.
HTML kode optimering
For at HTML-koden kan lette hurtig indlæsning af webstedet, skal den opfylde flere betingelser:
- Vær enkel og informativ. Efter at have tjekket det for gyldighed, skal du rette fejl for at gøre det nemmere for bots at analysere det. Koden skal klart repræsentere sidens struktur.
- Hovedkomponenterne på sider, såsom overskrifter, indekser, informationsblokke bør let og hurtigt identificeres.
- At frigøre koden for unødvendig information og gemme den i separate filer (for eksempel kan du fjerne CSS og JS) vil øge indlæsningshastigheden, hvilket også forenkler arbejdet for bots.
Ved at opnå disse betingelser kan webstedet gøres hurtigere, mere bekvemt, og effektiviteten af dets indeksering af søgemaskinebots kan øges.
Kodereduktion og CSS-optimering
Du kan gøre webstedskoden enklere ved at reducere dens volumen. For at gøre dette skal du udføre flere operationer.
Først og fremmest bør du undgå Flash-teknologier, JavaScript, rammer, tekst repræsenteret af et billede. Alle elementer, der er mulige, skal formateres i separate, eksterne filer (for eksempel CSS og JS, som nævnt ovenfor). Særlige plugins hjælper med at optimere koden. For eksempel kan du installere Autoptimize-plugin'et, som automatisk optimerer HTML-, CSS-, JS-koden (hvis du markerer de relevante felter). Det er nødvendigt at opsætte kompetent og bekvem webstedsnavigation, der vil være forståelig for brugerne og korrekt genkendt af søgemaskiner. Dette vil øge hastigheden, kvaliteten af indlæsning og indeksering af webstedet.
Hvad angår CSS-optimering, kan du gøre det selv eller overlade det til en speciel ressource eller et særligt program. Manuel optimering er en arbejdskrævende og tidskrævende proces, og du kan gå glip af nogle fejl. Et program eller en tjeneste til optimering vil bedre eliminere mangler, men kan forstyrre nogle funktioner, der fungerede på webstedet, og efter verifikation vises indholdet muligvis ikke korrekt, så deres arbejde skal rettes.
Nogle måder at forbedre CSS-strukturen manuelt:
- Fjern ekstra mellemrum og linjeskift, der overbelaster CSS-filen og gør det svært for robotter at arbejde;
- Skriv generaliserende egenskaber i stedet for at gentage lignende kommandoer flere gange;
- Brug kortfattede, forståelige beskrivelser i kommentarer;
- Usædvanlige skrifttyper bør skrives ved hjælp af stilarter, ikke billeder;
- For billeder skal du oprette alt og titel (forskelligt for hvert billede), så deres indhold genkendes af søgemaskinebots;
- Anvend H1-værktøjer til overskrifter – og så videre, så de genkendes korrekt under indeksering;
- Medtag kun de søgeord, der bruges på siden i søgeord, og minimer antallet af dem;
- Brug varierede og kortfattede metatags.
CSS og HTML-optimering
Du kan nemt og hurtigt optimere direkte i browseren ved hjælp af specielle tjenester, for eksempel:
- CleanCSS.com;
- CSS Optimizer;
- CSS kompressor;
- CY-PR.com;
- Autooptimer plugin.
SEO- og IT-specialister anbefaler at bruge CleanCSS.com, da det giver dig mulighed for at vælge komprimeringsniveauet fra lavt til højt eller vælge individuelle indstillinger. Efter det højeste og højeste niveau af optimering antager webstedskoden en næsten ulæselig form, og det vil være næsten umuligt at foretage ændringer i den. Derfor bør du først bruge standardoptimering. Du kan vælge komprimeringstilstande for specifikt indhold eller optimere individuelle parametre: komprimering af skrifttyper, billeder, fjernelse af mellemrum.
CY-PR.com-ressourcen har også et lignende optimeringsværktøj, der letter CSS-strukturen med 25-30%, men der er ingen måde at generere en fil med koden efter at have udført handlingen.
Andre tjenester kan ændre koden ganske radikalt, så nogle funktioner på siden holder op med at virke. Derfor er det bedre med deres hjælp kun at foretage lokale ændringer i specifikke webstedsparametre.
Efter optimering bør du kontrollere webstedets funktionalitet, den korrekte visning af designet og indlæsningshastigheden. Situationen anses for normal, når sider og brugerindstillinger på webstedet ikke indlæses mere end 3-5 sekunder.
For at kontrollere graden af optimering og forstå, hvor effektivt HTML-koden nu er skrevet, kan du bruge tjenester som:
- optimization.com;
- SEO tjekliste portal;
- Firebug plugin.
Disse værktøjer hjælper dig med at kontrollere, om alt er blevet gjort for at reducere mængden af HTML-kode og forbedre dens struktur. På SEO-tjeklisteressourcen kan du tjekke listen over, hvad der allerede er blevet gjort for optimering, og hvad der endnu ikke er gjort, og markere de ting, der er blevet gennemført.
Validering
Du kan kontrollere webstedskoden for fejl ved hjælp af valideringstjenester - validatorer. Effektiv kodebekræftelse udføres ved hjælp af validator.w3c.org
Hvis systemet producerer mere end fem tusinde fejl under den første kontrol, skal du ikke blive ked af det. Efter at have rettet en bestemt defekt, kan du køre kontrollen igen, og der vil være meget færre fejl, da en defekt medfører andre, og når den er rettet, vil de forsvinde.
Et websted med korrigeret og optimeret kode har en bedre chance for at rangere højt i søgeresultaterne end en ressource med overbelastet HTML-kode, der indeholder fejl.
Søgerobotten indsamler oplysninger fra millioner af websteder hver dag. Og selv her kan optimizeren finde kontrolgreb. Søgemaskiner kommer med nogle optimeringsanbefalinger, der kan gøre robottens arbejde lettere. Blandt disse aktiviteter hører den førende betydning til optimering af html-kode.
Aktiviteter, der har til formål at tilpasse sidekoden til søgemaskinernes krav, kaldes html kode optimering.
Til at begynde med er det værd at forstå de vigtigste opgaver og mål, som denne type optimering forfølger. Først og fremmest er dette en forbedring af webstedets interne karakteristika, hvilket kan påvirke indeksering. Hvis robotten regelmæssigt besøger webstedet, analyserer dets indhold og ikke støder på nogen forhindringer, vil webstedet være i prioriterede positioner i søgeresultaterne.
Et andet punkt er, når webstedskoden er kompleks og indeholder fejl, så vil robotten besøge sådanne projekter sidst. Ud over dårligere indeksering kan webstedet også rangere dårligere. For at opnå maksimale resultater involverer intern optimering derfor en integreret tilgang til arbejdet med html-kode.
5 vigtige regler for optimering af HTML-kode
1. Stilisering;
2. Fjernelse af unødvendige tags;
3. Eliminering af fejl;
4. Kodestruktur;
5. Lukning af eksterne links.
HTML kode styling
Efter layout eller i færd med at oprette en hjemmeside, støder du ofte på et problem: tabeller flyder over med stile.
Det ser sådan ud:
I dette tilfælde, for at rydde op i koden, skal du overføre typografierne til typografiark - CSS. Disse tabeller (mere præcist, et link til css-filen) er normalt placeret mellem head-tags. Typografier, der findes i forskellige webstedstags, skal konverteres til klasser.
For at flytte ind i typografiark kopierer vi indholdet af typografien ind i CSS og giver den en klasse kaldet "newclass".
Newclass (bredde:10px; kant:10px;)
Som et resultat, for at overføre en ny klasse fra CSS til en tabel:
Således kan du reducere koden betydeligt ved at tildele de nødvendige klasser og så videre til forskellige tabeller.
Fjernelse af tags
Nogle gange er der websteder, der indeholder tags, der blev kopieret en anden gang, efter at designet blev installeret.
Oftest har følgende tags en negativ indvirkning på webstedet:
Fjernelse af html-kodefejl
Kodefejl har en lige så vigtig indflydelse på webstedets placering. I processen med layout, redigering af kode eller redigering af stilarter glemmer du ofte at lukke en tabel, tag eller stil.
Ulukket kodestykke:
Lukke eksterne links:
Eksterne links er en proces med interaktion af høj kvalitet mellem ressourcer. Sammen med brugerkommentarer kan du på grund af ulovlige handlinger eller installation af tredjepartsscripts uundgåeligt tilføje eksterne links. Dette er især farligt, hvis webstedet indeholder skadelige oplysninger. Den bedste måde at løse problemet på er at fjerne det eksterne link. En anden mulighed er at vedlægge linket i "noindex"-tagget og også tilføje parameteren "nofollow". For eksempel:
HTML kode struktur
En meget effektiv metode, der hjælper dig med hurtigt at redigere forskellige sektioner af webstedet på samme tid. Denne metode involverer at skabe en struktur, der ligner globale blokke. I dette tilfælde er webstedskoden opdelt i sektioner: top, krop, side (1 eller flere), bund. Hvert afsnit kan redigeres uafhængigt af de andre.
For eksempel vil den globale venstre blok af webstedet blive kaldt:
"$Global_BLEFT$"
Derfor kan denne blok indlejres i kodens rodstruktur og også fjernes punkt for punkt:
"$GLOBAL_BLEFT$"
Gentagne tests har vist, at i processen med at optimere disse komponenter i html-koden, kan du opnå en støt stigning i placeringer og væsentligt forbedre webstedsindeksering.
Artiklen giver kun grundlæggende eksempler. Tjek først din kode ved hjælp af online-analysatorer, som der er mange af på internettet.
En af disse analysatorer er W3C-validatoren, som nemt kan tjekke et websted for HTML-fejl, men du bør ikke gå for dybt i at rette det, det er nok til at holde fejl på et minimum. Men for perfektionister vil denne service være meget nyttig.
Læsetider: 5.352
Hilsen, kære venner, til bloggen. De fleste brugere opfatter kun hjemmesider eksternt, vurderer designet og strukturen, men bag de attraktive eksterne komponenter er der mange interne love og regler, som er bestemt af W3C-standarder. Interne komponenter inkluderer html-kode og CSS-stile (uden separat funktionalitet). Ofte er webmastere kun mere optaget af den eksterne præsentation af webstedet. Det interne indhold på sider i form af html-kode kræver dog også opmærksomhed, især når det kommer til at tiltrække søgetrafik.
Succesfuld online promovering kræver god intern hjemmesideoptimering. Selvfølgelig er optimering til søgemaskiner før start af promovering et vigtigt punkt. Website promovering ved hjælp af links uden optimering vil den ikke være effektiv og kan endda forårsage skade ved at reducere trafikken. Samtidig er det nødvendigt at identificere alle aktuelle problemer og mangler, som på ethvert tidspunkt kan ophæve alle resultater. Hjemmesidens html-kode kan være et så svagt led.
Stedkodeanalyse kan udføres ved hjælp af forskellige validatorer. For selvevaluering skal du deaktivere filer med typografier og scripts. Sådan ser søgerobotter dem. Hvis siden indlæses langsomt, vises forkert, og søgemaskinerne ikke kan forstå logikken i siderne, vil der helt sikkert være problemer med det. Ressourcekoden skal forbedres.
Websitekodeoptimering betragtes som en rent teknisk proces, som er baseret på at reducere mængden af websitekode. Det er først og fremmest nødvendigt for ressourcer, for hvilke søgemaskiner er hovedkilden til trafik. Hovedreglen er enkelhed. Alle stilarter og scripts skal flyttes til eksterne filer. Koden skal være så let som muligt og yderst forståelig.
Søgerobotter skal hurtigt evaluere sidestrukturen. Derfor er det bedre ikke at bruge rammer og flushes. Disse elementer tilføjer vægt til koden, hvilket gør den mere kompleks. Læg også alle designelementer i css-stilfiler og formater dem til sprites. Relevansniveauet for webstedet og hastigheden af sideindeksering afhænger af kodens enkelhed. For store ressourcer med høj trafik er kodeoptimering en obligatorisk procedure. Samtidig er det nødvendigt at optimere lige sider, hvis størrelse ikke er mere end 1 MB.
Hovedstadier af optimering af webstedskode
- Fremhæv overskrifter h1-h6 - søg robotter generelt, så glem ikke den korrekte formatering af teksten.
- Reducerer kodestørrelsen - jo mindre kode, jo nemmere og hurtigere indlæses siden. For nylig er sideindlæsningshastighed blevet en vigtig placeringsfaktor i Googles resultater, som det officielt er blevet annonceret.
- Fjernelse af ondsindet kode - mange hostingwebsteder har en antivirussektion, der scanner webstedsfiler og angiver stien til at løse dem. Fraværet af ondsindet kode gør siden mere at foretrække frem for søgemaskiner.
- Intern hjemmesideoptimering– skabe unik tekst, der understøtter den nødvendige søgeordstæthed.
- – fordeler vægten af sider jævnt og øger trafikken til lavfrekvente forespørgsler, især når der tilføjes nyt indhold.
- Tilføjelse af metatags – titel, søgeord og beskrivelse bruges af værker og vises på søgemaskinens resultatsider. Korrekt sammensatte metatags øger sidernes relevans og tiltrækker brugere.
- Optimering af billeder – hvert billede skal have et optimalt format (GIF, JPEG, PNG og PNG-24), samt en alt og titel.
Gyldigheden af webstedskoden
Gyldighed er kodens overensstemmelse med generelt accepterede globale W3C-standarder. En ugyldig webstedskode, der indeholder mange fejl, kan blive en hindring for promovering af en bestemt ressource. Hvis ikke alle parrede tags er lukkede, kan der være problemer med at vise designelementer. Men i virkeligheden er selv de største søgemaskiners hjemmesider ikke 100 % gyldige. Hvad er årsagen til denne uoverensstemmelse?
- En høj grad af arbejdsintensitet ved standardisering af et websted og behovet for enestående professionalisme hos udvikleren ved validering af et stort dynamisk websted.
- 100% gyldighed af html-koden garanterer ikke kompatibilitet på tværs af browsere, og beskytter heller ikke mod fejl ved brug af ældre browsere.
Men for mindre ressourcer er validiteten af html-koden en glimrende bonus til at rangere for de mest konkurrencedygtige forespørgsler, og den vil også vise ressourcens seriøsitet.
Optimering af Cascading Style Sheets
Ligesom optimering af html-kode er optimering af stilarter (CSS) en lige så vigtig aktivitet, der overses af mange webmastere. Optimering af CSS-kode fremskynder også indlæsningen af webstedssider og sparer trafik. Da en css-fil vejer op til 100 KB, ser mange webmastere ikke behovet for at optimere den, men hvis du tænker på, hvor meget trafikfiloptimering sparer om året, vil du indse, hvor undervurderet den er.
Du kan optimere CSS manuelt eller ved hjælp af specielle tjenester. Hver mulighed har en ulempe. Når du manuelt optimerer et websteds kode, kan du miste meget af syne og spilde en masse tid. Maskinoptimering kan dog fjerne linjer, uden hvilke designet muligvis ikke vises korrekt.
Indstilling af kodning
Endnu et punkt der påvirker webstedsfremme, er kodningen. Russisksproget tekst vil kun blive vist korrekt, hvis kodningen er korrekt konfigureret, for eksempel Windows-1251 eller utf-8. Hvis indhold er kodet forkert, vil tegn og symboler blive forvrænget, hvilket vil føre til tab af besøgende og langsom indeksering.
Problemer med kodninger er typiske for ældre ressourcer, hvor sider blev oprettet i værktøjer som Notesblok, og koden blev gemt i mange forskellige formater. Nogle moderne browsere er ikke i stand til at genkende sådanne kodninger.
Intern hjemmesideoptimering
I de fleste tilfælde kan kompetent intern ressourceoptimering bringe en hjemmeside til de bedste søgemaskinepositioner uden væsentlig indsats og arbejde med linkudveksling. Hver lille detalje, der påvirker hans position, er vigtig. Prøv at skabe en struktur, der vil være forståelig for både brugere og søgemaskiner. Flersidede portaler bør indeholde systematiserede sektioner, hvor alle sider ikke er mere end 3-4 klik væk. Det er tilrådeligt at bruge brødkrummespor og menneskelæselige webadresser. Desværre er det ikke alle CMS-scripts, der har denne funktionalitet.
Konklusion
Det tekniske aspekt af succesfuld hjemmesidepromovering løses gennem optimeret html-kode. Søgemaskiner vurderer webstedssider anderledes end brugere, så ren, gyldig kode kan skubbe din ressource op i søgeresultaterne, hvor blot nogle få positioner nogle gange viser sig at være afgørende.
Jeg håber, at materialet vil være nyttigt for mine kære læsere. Abonner på blogopdateringer. Jeg ville være taknemmelig for at trykke på knapperne og genposte dette materiale. Vi ses i de næste artikler. Held og lykke til alle.
Godmorgen kære venner! Det viste sig, at ugen i højere grad var viet til at optimere og fremskynde indlæsningen af landingssiden. I dag vil vi fortsætte med at "gale" på dette område. Det næste er optimering af CSS-kode. Jeg vil fortælle dig om en onlinetjeneste til optimering af typografiark.
Disse tjenester er ret enkle og fungerer efter princippet:
"Indsat uoptimeret kode. Jeg ventede et par sekunder. Kopierede den optimerede kode"
Som du kan se, er det ganske enkelt og billigt, men ikke alle har tid til at gøre det. Men forgæves!
Online css optimering
Den første ting du bør forstå er, at du ikke behøver at gå til ekstremer. Faktum er, at for eksempel mellemrum og linjeskift øger sidens samlede vægt. Når du ved dette, kan du begynde at slette dem alle. Som et resultat vil du have fuldstændig ulæselig, men optimeret CSS-kode.
Dette er kun godt, hvis du arbejder alene, og typografiarket vil aldrig blive redigeret igen, eller næsten aldrig. For hvis du arbejder i et team, vil det være meget svært for den, der læser din kode, at forstå den.
Men selvom du selv kigger på dit stylesheet et halvt år senere, er det usandsynligt, at du nemt kan forstå, hvad der er ansvarligt for hvad i det.
Derfor optimerer vi, men går ikke amok - det er det første.
Den anden ting er, at når man bruger tjenester, der tilbyder CSS-kodeoptimering, er det vigtigt at forstå, hvad der sker der, og hvad der bliver optimeret. Nu vil jeg vise dig nogle eksempler.
For eksempel farver. Normalt angiver vi dem i RGB-standarden. Den hvide baggrund for et element indstilles som følger
Baggrund: #ffffff;
Men ikke alle ved, at hvis de første 3 værdier gentages, kan du kun forlade dem. For eksempel sådan her:
Baggrund: #fff; baggrund: #000; farve: #123;
Den næste ting, der kommer til at tænke på, er polstring og margin.
Polstring: 10px 20px 10px 20px; /*i stedet for*/ polstring: 10px 20px; margen: 15px 20px 15px 20px; /*i stedet for*/ margin: 15px 20px;
Du kan også optimere CSS-koden ved at angive forkortede skrifttyper:
Skrifttype: fed 18px Verdana, Arial, sans-serif;
Skriftstørrelse: 18px; skrifttype-familie: Verdana, Arial, sans-serif; font-weight:bold;
Som du kan se - en linje mod tre. Og derfor er det nogle gange muligt at reducere vægten af stilarket med 20 - 30%.
Den tredje ting at huske er, at du altid før enhver optimering, hvad enten det er billeder eller CSS, skal lave en sikkerhedskopi (i tilfælde af en uventet fejl eller noget andet). Bare gør det til en regel altid at lave en kopi før redigering.
Det er det. Lad os gå videre til tjenesten.
Gennemgang af en service til online optimering af CSS kode.
De fleste bruger disse populære websteder til at optimere CSS-kode:
alexvaleev.ru/cssoptimizer
css-school.ru/optimise
Funktionaliteten er stort set den samme, enkel og ligetil. Men efter at have analyseret dem fandt jeg både fordele og ulemper. Lad os se på en af dem - css-school.ru/optimiser
Til venstre er et vindue til indsættelse af CSS-kode, og til højre er et vindue til indstilling af optimeringsparametre. Lad os se på vinduet mere detaljeret.
Kompressions forhold.
For at teksten forbliver læsbar, er det nødvendigt at indstille et standard komprimeringsniveau, i hvilket tilfælde hver ny egenskab vil blive skrevet på en ny linje. Hvis du indstiller det til "høj" eller "maksimum", vil filstørrelsen være mindre, men alt vil blive skrevet på én linje. Dette er ikke særlig praktisk til yderligere redigeringer, men hvis der ikke er nogen, kan du roligt indstille det til "maksimum".
Det næste vindue er til at indstille dine egne optimeringsskabeloner, lad os springe det over.
Dernæst er en fane, der giver dig mulighed for at vælge og kombinere vælgere med de samme egenskaber. Det hele afhænger af projektet og opgaverne. Hvis du skrev CSS-kode strengt i en bestemt rækkefølge, og alt er strengt taget det ene efter det andet, så bør du ikke vælge at kombinere vælgere. Dette vil gøre det nemmere for dig at navigere i koden.
Optimering af stilarter. Lad det være "sikkert"
Komprimering af farver og skrifttypeegenskaber er, hvad jeg fortalte dig om. Selvom der er et problem med komprimering af skrifttypeegenskaber. Det optimerer ikke koden, som jeg fortalte dig ovenfor.
De resterende indstillinger rejser ingen spørgsmål. Generelt bemærkede jeg, at alle russisksprogede tjenester til online css kode optimering, lider af en "sygdom". De optimerer ikke css3-koden. Hvilket fik mig til fuldstændig at opgive sådanne optimizere.
For eksempel indtastede jeg følgende kode:
Jeg skrev det specielt med manglende linjer, alt i detaljer osv. Og jeg forventede at se noget som dette:
H1 (farve: #fff; polstring: 20px 25px; skrifttype: 700 18px Verdana, Arial, sans-serif)
Men det blev desværre kun sådan:
Syv linjer i stedet for fem. Det her passede mig ikke. Jeg ville gerne finde og fortælle dig om materiale af bedre kvalitet. Fordi jeg forstår, at nogle mennesker ikke er bekendt med de forkortede typer af stilindgange.
Og noget af funktionerne i tjenesterne forekom mig unødvendige, eller vel at mærke pseudo-funktionalitet. For at skabe udseendet af en "sofistikeret" ressource. Nå, hvorfor skal jeg markere feltet ud for "reducer farver". Selvfølgelig, hvis jeg kom til at optimere min kode, så har jeg brug for en kortere beskrivelse af alt, hvad der er muligt! (Min mening)
Så jeg fortsatte min søgning og fandt netop den ressource, der opfyldte mine behov for optimering af css-kode. Dette er devilo.us
En virkelig fantastisk service, som jeg trygt kan anbefale dig. Funktionaliteten er den samme som tidligere websteder. Men denne klarede opgaven 100%. Se:
Som du måske har bemærket, er komprimeringsprocenten 43,3%, mens den på det tidligere websted var 25%. I bytes viste det sig at være 58 > 37. Så kedelig er jeg. Men når CSS-filen har 3000 linjer, så kan en sådan optimering reducere vægten af dokumentet til det halve.
Selvfølgelig vil du med tiden lære at skrive optimeret CSS-kode med det samme, og du får mindre og mindre brug for sådanne tjenester, men det skader ikke at teste dig selv. I det mindste for tilstedeværelsen af ekstra mellemrum og oversprungne linjer.
Og det var alt for i dag. Vi ses snart.
Sikkert, enhver optimering med respekt for sig selv bruger meget tid på at arbejde med html-kode. Disse trin har en vis praktisk betydning med hensyn til bekvemmelighed for brugerne og analyse af webstedet ved hjælp af en søgemaskine.
HTML-fejl kan gøre det vanskeligt at indeksere og rangere sider for at afgøre, om deres indhold er relevant for en bestemt forespørgsel. Overfloden af sådanne fejl på forskellige sider på webstedet fortæller søgemaskinerne om den lave kvalitet af hele webressourcen. Lad os liste de farligste HTML-fejl.
Selv det mest minimale arbejde med html-kodeoptimering kræver viden om:
- HTML programmeringssprog
- Content management system CMS
- Kendskab til CSS
Søgemaskinen analyserer løbende hundredvis af websteder, og selv de mest fleksible parametre kan have en enorm indflydelse på rangeringen, hvilket ikke er acceptabelt i et konkurrencepræget miljø. For en optimizer er det vigtigt at være i stand til at forudse og navigere: hvilke faktorer vil være af central betydning i rangeringen.
Optimering er til gengæld ikke en et-trins proces, men kræver tålmodighed og læsefærdighed, især når man arbejder med html-kode.
HTML-kodeoptimeringstrin:
- Generering af CSS-filen
- Fjernelse af unødvendige tags
- Brug af globale blokke
Arbejde med CSS:
På dette stadium er det værd at overføre alle stilarter af tabeller, billeder, sidetekst, links, menuer og andre ting til typografiark. Dette gøres for at gøre sidekoden renere og have mindre vægt.
1. Vi har følgende kode: