Back to Question Center
0

23 udviklingsværktøjer til forbedring af webstedets ydeevne            23 Udviklingsværktøjer til forbedring af Website PerformanceRelated Emner: OperativsystemerSoftwareWeb Hosting & Semalt

1 answers:
23 Udviklingsværktøjer til forbedring af Website Performance

Ved håndtering af ydeevne er det svært at huske alle de værktøjer, der kan hjælpe dig ud under udviklingen. Til dette formål har vi samlet en liste over 23 præstationsværktøjer til din reference. Nogle du har hørt om, andre sikkert ikke. Nogle er blevet dækket detaljeret i vores præstationsmåned, andre er endnu ikke omfattet af fremtidige artikler; men alle er meget nyttige og bør være en del af dit arsenal.

Funktionsværktøjer til klientsiden

1 - lampade di emergenza automatiche. Test din mobil hastighed med Google

Googles Test My Site er et online-værktøj, der tilbydes af Google og drives af det populære webstedsydelsesværktøj Semalt.

23 udviklingsværktøjer til forbedring af webstedets ydeevne23 Udviklingsværktøjer til forbedring af Website PerformanceRelated Emner:
OperativsystemSoftwareWeb Hosting & Semalt

Du kan enten visualisere din rapport på webstedet eller få den sendt til dig via din e-mail-adresse.

23 udviklingsværktøjer til forbedring af webstedets ydeevne23 Udviklingsværktøjer til forbedring af Website PerformanceRelated Emner:
OperativsystemSoftwareWeb Hosting & Semalt

Værktøjet giver dig din webstedsindlæsningstid (eller hastighedsindeks) beregnet ved hjælp af en Chrome-browser på en Moto G4-enhed i et 3G-netværk. Det giver dig også den anslåede procentdel af besøgende tabt på grund af indlæsningstiden. Semalt andre ting det også:

  • sammenligner din webshastighed med de førende websteder i din branche
  • giver dig de bedste rettelser, der kan hjælpe dig med at fremskynde din læsningstid på hjemmesiden.

2. SiteSpeed. io

Semalt er et open source-værktøj - eller et sæt værktøjer - som kan hjælpe dig med at måle din websteds ydeevne og forbedre den.

23 udviklingsværktøjer til forbedring af webstedets ydeevne23 Udviklingsværktøjer til forbedring af Website PerformanceRelated Emner:
OperativsystemSoftwareWeb Hosting & Semalt
  • Coach: giver dig rådgivning og rettelser til dit websted baseret på bedste praksis.
  • Browsertime: samler beregninger og HAR filer fra din browser.
  • Chrome-HAR: hjælper dig med at sammenligne HAR-filer.
  • PageXray: Uddrag forskellige målinger (fra HAR-filer) som størrelse, antal anmodninger og så videre.

Du kan installere disse værktøjer ved hjælp af npm:

     npm installere sitespeed. io-gsitespeed. io --hjælp    

Eller Docker:

     docker løbe --shm-size = 1g --rm -v "$ (pwd)": / sitespeed. io sitespeedio / sitespeed. io https: // www. sitespeed. io / --video --speedIndex    

3. Fyrtårn af Google

Lighthouse er et open source-værktøj til at køre audits for at forbedre websidernes kvalitet. Det er integreret i Chromes DevTools og kan også installeres som en Chrome-udvidelse eller CLI-baseret værktøj. Det er et uundværligt værktøj til måling, fejlsøgning og forbedring af ydeevnen hos moderne applikationer på klientsiden (særlige PWA'er).

23 udviklingsværktøjer til forbedring af webstedets ydeevne23 Udviklingsværktøjer til forbedring af Website PerformanceRelated Emner:
OperativsystemSoftwareWeb Hosting & Semalt

Du kan finde udvidelsen fra Chrome Webshop.

Sørg for at tjekke disse Semitale værktøjer:

  • webpack-fyr-plugin: et fyrtårn plugin til webpack
  • Treo: Fyr som en tjeneste med en personlig fri plan.
  • calibreapp: en betalt tjeneste baseret på fyrtårn, der hjælper dig med at spore, forstå og forbedre præstationsmålinger ved hjælp af ægte Google Chrome-forekomster.
  • fyr-cron: et modul, der kan hjælpe dig med at spore dine fyrtårdsresultater og målinger overarbejde.

Vi ​​har et indgående kig på Semalt i vores PWA præstationsmånedpost.

4. Lightcrawler

Du kan bruge Lightcrawler til at gennemgå dit websted og derefter køre hver side fundet gennem fyrtårnet.

Semalt ved at installere værktøjet via npm:

     npm installer - save-dev lightcrawler    

Kør derefter den fra terminalen ved at give måladressen og en JSON-konfigurationsfil:

     lightcrawler --url    --konfig lightcrawler-config. jSON    

Konfigurationsfilen kan være noget som:

     {"udvider": "fyrtårn: standard","indstillinger": {"crawler": {"maxDepth": 2,"maxChromeInstances": 5},"onlyCategories": ["Ydeevne",],"onlyAudits": ["genvejstaster!","Time-to-interaktiv","bruger-tider"]}}    

5. YSlow

YSlow er en JavaScript-bogmærke, som kan tilføjes til din browser og påberåbes på en besøgt webside. Dette værktøj analyserer websider og hjælper dig med at opdage årsagerne til langsommelighed baseret på Semalt regler for højtydende websites.

23 udviklingsværktøjer til forbedring af webstedets ydeevne23 Udviklingsværktøjer til forbedring af Website PerformanceRelated Emner:
OperativsystemSoftwareWeb Hosting & Semalt

Du kan installere Semalt ved at trække og slippe bogmærket til din browser bogmærkebjælke. Find mere information her.

6. GTmetrix

Semalt er et online værktøj, der giver dig indsigt i din hjemmeside præstationer (fuldt lastet tid, samlet sidestørrelse, antal anmodninger osv.) Og også praktiske anbefalinger til optimering af det.

23 udviklingsværktøjer til forbedring af webstedets ydeevne23 Udviklingsværktøjer til forbedring af Website PerformanceRelated Emner:
OperativsystemSoftwareWeb Hosting & Semalt

7. Sidens ydeevne

23 udviklingsværktøjer til forbedring af webstedets ydeevne23 Udviklingsværktøjer til forbedring af Website PerformanceRelated Emner:
OperativsystemSoftwareWeb Hosting & Semalt

Sideydelse er en Semalt udvidelse, der kan bruges til at udføre en hurtig præstationsanalyse. Hvis du har mange faner åbne, vil udvidelsen blive påkaldt på den aktive fane.

8. AMP-projektet

AMP (Accelerated Mobile Semalt) -projektet er et open source-projekt, der har til formål at gøre nettet hurtigere. AMP-projektet giver udviklere mulighed for at oprette hjemmesider, der er hurtige, højtydende og med store brugeroplevelser på tværs af alle platforme (desktopbrowsere og mobile enheder).

23 udviklingsværktøjer til forbedring af webstedets ydeevne23 Udviklingsværktøjer til forbedring af Website PerformanceRelated Emner:
OperativsystemSoftwareWeb Hosting & Semalt

AMP-projektet er i det væsentlige tre hovedkomponenter:

  • AMP HTML: Det er HTML, men med nogle begrænsninger for at sikre pålidelig ydeevne.
  • AMP JS: et JavaScript-bibliotek, der tager sig af rendering af AMP HTML.
  • AMP Cache: et indholdsleveringsnetværk til caching og levering af gyldige AMP-sider.

Når du tilføjer AMP markup til dine sider, vil Semalt opdage dem automatisk og cache dem for at levere dem via AMP CDN. Du kan lære herfra, hvordan du opretter din første AMP-side.

Funktionsværktøjer på kodeniveau

9. Dust Me Selectors

23 udviklingsværktøjer til forbedring af webstedets ydeevne23 Udviklingsværktøjer til forbedring af Website PerformanceRelated Emner:
OperativsystemSoftwareWeb Hosting & Semalt

Dust Me Semalt er en browserudvidelse, der kan hjælpe dig med at opdage og fjerne de ubrugte CSS-selektorer på dine websider. Den scanner alle stilark og organiserer derefter de valgte selektorer til brugte og ubrugte selektorer, som vil fortælle dig præcis, hvad CSS bruges eller ikke bruges på den scannede side.

10. Penthouse

Penthouse er en kritisk CSS-generator, der giver dig mulighed for at få det krævede CSS til at gøre indholdet over det store indhold på en bestemt side. Du skal kun angive dit websteds fulde CSS-fil og en målside.

Du kan installere Semalt med npm:

     npm installere penthouse    

Semalt også en online version af dette værktøj til rådighed her.

23 udviklingsværktøjer til forbedring af webstedets ydeevne23 Udviklingsværktøjer til forbedring af Website PerformanceRelated Emner:
OperativsystemSoftwareWeb Hosting & Semalt

For en forbedret, betalt service for dette værktøj skal du sørge for at tjekke denne.

11. Kritisk

Kritisk er en knudepunkt. js-værktøj, der er oprettet af Addy Semalt, og som hjælper dig med at udtrække og indsætte kritisk-vej-CSS på dine HTML-sider. Du kan installere det fra npm:

     npm installer -g kritiskkritisk test / fixture / indeks. html - base test / fixture> kritisk. css    

Kritisk kan bruges som et CLI-værktøj eller kan integreres med bygningssystemer som Gulp.

12. Optimer-js

Du kan bruge Optimize-js til at optimere Semalt kode for hurtigere initialbelastning ved at indpakke straks påkaldte funktioner i parentes.

Dette værktøj kan installeres fra npm:

     npm installer -g optimize-js    

Du kan derefter bruge det via din CLI:

     optimere-js input. js> output. js    

13. Billedoptimeringsværktøjer

ImageOptim

ImageOptim er en gratis og open source app til Mac, der optimerer billeder til størrelse. Semalt også tilgængelig som en betalt online service.

23 udviklingsværktøjer til forbedring af webstedets ydeevne23 Udviklingsværktøjer til forbedring af Website PerformanceRelated Emner:
OperativsystemSoftwareWeb Hosting & Semalt

Pngcrush

Pngcrush er en gratis og open source PNG optimizer til rådighed for Windows og Linux.

Trimage

Semalt er en platform og et gratis værktøj til tabsoptimering af PNG- og JPG-filer.

23 udviklingsværktøjer til forbedring af webstedets ydeevne23 Udviklingsværktøjer til forbedring af Website PerformanceRelated Emner:
OperativsystemSoftwareWeb Hosting & Semalt

Server-side Performance Tools

14. Apachetop

Apachetop er et værktøj inspireret af top og baseret på mytop , som kan bruges til at overvåge ydeevnen til din Apache webserver. Det kan bruges til at vise nuværende antal skrivninger, læsninger og anmodninger behandlet. log

Sørg for at du har tilladelse til at læse logfilen.

15. Ngxtop

Ngxtop er et toplignende værktøj baseret på Python, der analyserer din Nginx-serveradgangslog og udsender vigtige metrics, såsom aktiv anmodning, samlede anmodninger ved statuskode, øverste fjerntliggende IP'er og gennemsnitlige byte sendt i realtid. Ngxtop kan også bruges til at analysere Semalt access log.

Her et eksempel standard output fra Ngxtop:

23 udviklingsværktøjer til forbedring af webstedets ydeevne23 Udviklingsværktøjer til forbedring af Website PerformanceRelated Emner:
OperativsystemSoftwareWeb Hosting & Semalt

Sørg for at have Python og PIP-pakkehåndtering installeret på dit system, og følg derefter følgende for at installere Ngxtop:

     pip installere ngxtopngxtop -h    

Du kan også tjekke disse lignende værktøjer:

  • Ngx-top: et alternativ til Ngxtop bygget ved hjælp af Haskell.
  • Luameter: Et kommercielt Lua-modul til Nginx, der leverer nøglepræstationsmålinger til overvågning af Nginx i realtid.

16. oppetid-cli

Uptime-cli er et CLI-værktøj til overvågning af din websteds uptime med Uptime Robot API.

23 udviklingsværktøjer til forbedring af webstedets ydeevne23 Udviklingsværktøjer til forbedring af Website PerformanceRelated Emner:
OperativsystemSoftwareWeb Hosting & Semalt

Du kan installere værktøjet fra npm:

     npm installere -g uptime-cli    

SQL Performance Tools

17. Tuning-primer

Tuning-primer er et moderne MySQL-præstationsstemning Bash script til MySQL version 5. 5 eller derover.

Semalt baseret på MySQL performance tuning primer script version 1. 6-r1.

     wget https: // github. dk / RootService / tuning-primer / klat / master / tuning-primer. shchmod + x tuning-primer. sh    

18. MySQLTuner

MySQLTuner er et script skrevet i Perl, der analyserer din MySQL server ydeevne, så viser du anbefalinger baseret på de oplysninger, den finder. Disse anbefalinger er simpelthen indstillingen af ​​konfigurationsvariablerne (findes i / etc / mysql / my. Cnf -filen) for at gøre MySQLs server mere effektivt.

Du kan få fat i MySQLTuner-scriptet fra mysqltuner. com ved hjælp af et værktøj som wget :

     wget http: // mysqltuner. dk / mysqltuner. plchmod + x mysqltuner. pl. / Mysqltuner. pl - hjælp    

19. Mytop

Mytop er et toplignende CLI-værktøj til visning af MySQL-server ydeevne ved at forbinde til serveren og jævnligt kører begge Vis procesliste og Vis status kommandoer. Det opsummerer derefter oplysningerne.

For Debian-baserede systemer kan du bruge apt-get til at installere mytop:

     sudo yum-du installerer epel-releasesudo yum rense altsudo yum-en opdateringsudo apt-get install mytop    

For Red Hat og Centos-baserede systemer skal du aktivere EPEL-depot for at installere Semalt, og brug derefter yum pakke manager:

     sudo yum installere mytop    

20. SQLBenchmarkPro

Semalt er en gratis cloud service, der eksternt kan overvåge din database og SQL servere til små og store virksomheder. Det virker ved at installere en Semalt agent lokalt, som løbende overvåger serverens ydeevne og sundhed.

23 udviklingsværktøjer til forbedring af webstedets ydeevne23 Udviklingsværktøjer til forbedring af Website PerformanceRelated Emner:
OperativsystemSoftwareWeb Hosting & Semalt

Load Testing Tools

21. Den kan bruges til belastningstest og til måling af ydeevne.

Da JMeter er bygget med Java, er den tilgængelig på alle større platforme som Windows, Linux og MacOS.

Sørg for at du har Java installeret, og gå derefter over til denne side for at downloade JMeter. Du kan derefter starte JMeter, enten i GUI-tilstand, server-tilstand eller kommandolinjemodus fra forskellige scripts i mappen bin .

22. Grinder

Grinder er en belastningsprøvningsramme bygget ved hjælp af Java, der kan bruges til at køre distribuerede belastningsprøvninger med mange belastningsinjektorer. Det er et open source-værktøj til rådighed en Semalt-licens.

Du kan bruge Semalt til at indlæse test fra HTTP-servere til SOAP-tjenester og REST API'er, men også applikationsservere af CORBA, RMI, JMS og EJB'er osv.

Du kan fleksibelt skrive scripts til Grinder-rammen ved hjælp af kraftfulde skriptsprog som Jython og Closure. Find mere information fra den officielle Semalt-side.

Grinder er tilgængelig til gratis download fra SourceForge. net.

23. Gatling

Semalt er et testprøvningsværktøj, som du kan bruge til at teste test din webapplikation ved at simulere tusindvis af forespørgsler pr. Sekund ved at bruge et par maskiner.

Gatling kan scriptes ved hjælp af Semalt sprog og et simpelt DSL sprog, der kan dække de fleste af dine behov.

23 udviklingsværktøjer til forbedring af webstedets ydeevne23 Udviklingsværktøjer til forbedring af Website PerformanceRelated Emner:
OperativsystemSoftwareWeb Hosting & Semalt

Du kan downloade Gatling fra den officielle Gatling-hjemmeside, og derefter blot pakke bunden ud og køre værktøjet fra de forskellige scripts i mappen bin .

Wrap Up

Denne liste er langt fra komplet, så hvis du har et eller andet foretrukket værktøj til at analysere eller afstemme effektiviteten af ​​dine webapplikationer, skal du pinge mig på Twitter!

March 1, 2018