Back to Question Center
0

23 Kehitystyökalut verkkosivuston tehokkuuden lisäämiseen            23 Kehitystyökalut verkkosivuston suorituskyvyn tehostamiseksiTekniset aiheet: KäyttöjärjestelmätSoftwareWeb Hosting & Semalt

1 answers:
23 Kehitystyökalut verkkosivuston tehokkuuden lisäämiseksi

Suorituskyvyn suhteen on vaikea muistaa kaikkia työkaluja, jotka saattavat auttaa sinua kehityksen aikana. Tätä tarkoitusta varten olemme koonneet luettelon 23 tehokkuustyökalusta viitteellesi. Jotkut olette kuulleet, toiset eivät todennäköisesti ole. Joitakin on käsitelty yksityiskohtaisesti suorituskykykuukausina, toiset taas eivät kuulu tuleviin artikkeleihin. mutta kaikki ovat erittäin hyödyllisiä ja niiden pitäisi olla osa arsenalisi.

Asiakaspuolen suorituskykytyökalut

1. Testaa matkapuhelinnopeutesi Googlen avulla

Googlen testaus Oma sivusto on Googlen tarjoama verkkotyökalu, joka on suosittu sivuston tehokkuuden työkalu, joka on Semalt.

23 Kehitystyökalut verkkosivuston tehokkuuden lisäämiseen23 Kehitystyökalut verkkosivuston suorituskyvyn tehostamiseksiTekniset aiheet:
KäyttöjärjestelmätSoftwareWeb Hosting & Semalt

Voit joko visualisoida raporttisi sivustossa tai lähettää sen sähköpostitse sähköpostiosoitteesi kautta.

23 Kehitystyökalut verkkosivuston tehokkuuden lisäämiseen23 Kehitystyökalut verkkosivuston suorituskyvyn tehostamiseksiTekniset aiheet:
KäyttöjärjestelmätSoftwareWeb Hosting & Semalt

Työkalu antaa verkkosivustosi latausaikasi (tai nopeusindeksi), joka lasketaan käyttämällä Moto G4 -laitteen Chrome-selainta 3G-verkossa. Se antaa myös arvioidun prosenttiosuuden kävijöistä, jotka ovat kadonneet latausaikana. Muuta muuta asiaa myös:

  • vertailee sivustosi nopeutta alan parhaiten suoriutuvilla sivustoilla
  • antaa sinulle parhaan korjauksen, joka auttaa sinua nopeuttamaan verkkosivujen latausaikaa.

2. SiteSpeed. io

Semalt on avoimen lähdekoodin työkalu - tai joukko työkaluja -, joiden avulla voit mitata sivustosi tehokkuutta ja parantaa sitä.

23 Kehitystyökalut verkkosivuston tehokkuuden lisäämiseen23 Kehitystyökalut verkkosivuston suorituskyvyn tehostamiseksiTekniset aiheet:
KäyttöjärjestelmätSoftwareWeb Hosting & Semalt
  • Valmentaja: antaa sinulle suorituskykyohjeita ja korjauksia verkkosivustoosi parhaiden käytäntöjen perusteella.
  • Selain: kerää tietoja ja HAR-tiedostoja selaimestasi.
  • Chrome-HAR: voit vertailla HAR-tiedostoja.
  • PageXray: poimii erilaiset tiedot (kuten HAR-tiedostot), kuten koko, pyynnöt ja niin edelleen.

Voit asentaa nämä työkalut npm: n avulla:

     npm asenna paikannusnopeus. io -gsitespeed. io - helpota    

Tai Docker:

     telakkakelkka - valkea koko = 1g - rm -v "$ (pwd)": / sitespeed. io sitespeedio / sitespeed. io https: // www. sitespeed. io / --video - nopeusIndex    

3. Majakka Google

Majakka on avoimen lähdekoodin työkalu auditointien suorittamiseen verkkosivujen laadun parantamiseksi. Se on integroitu Chromen DevTools-versioon, ja se voidaan myös asentaa Chrome-laajennukseksi tai CLI-pohjaiseksi työkaluksi. Se on välttämätön työkalu nykyaikaisten asiakaspuolisten sovellusten mittaamiseen, virheenkorjaukseen ja suorituskyvyn parantamiseen (erityispiirteet).

23 Kehitystyökalut verkkosivuston tehokkuuden lisäämiseen23 Kehitystyökalut verkkosivuston suorituskyvyn tehostamiseksiTekniset aiheet:
KäyttöjärjestelmätSoftwareWeb Hosting & Semalt

Laajennus löytyy Chrome Web Storesta.

Varmista, että tarkistat nämä Semalt-työkalut:

  • webpack-majakka-plugin: Lightpacken laajennus Webpackille
  • treo: Majakka palveluna henkilökohtaisen ilmaisen suunnitelman kanssa.
  • calibreapp: Lighthouseen perustuva maksullinen palvelu, joka auttaa sinua seuraamaan, ymmärtämään ja parantamaan tehokkuustietoja käyttämällä todellisia Google Chrome -esityksiä.
  • majakka-cron: moduuli, jonka avulla voit seurata majakkasi tuloksia ja ylitöitä.

Meillä on perusteellinen katsaus Semaltin PWA-suorituskykykuukausiin.

4. Lightcrawler

Voit käyttää Lightcrawleria indeksoimaan sivustosi ja sitten ajaa jokaisen Lighthousen kautta löydetyn sivun.

Kiinnitä asentamalla työkalu npm: n kautta:

     npm asenna --save-dev lightcrawler    

Sitten suorita se päätteestä antamalla kohde-URL ja JSON-määritystiedosto:

     lightcrawler --url    --config lightcrawler-config. json    

Asetustiedosto voi olla esimerkiksi:

     {"laajentaa": "majakka: oletus","asetukset": {"indeksoija": {"maxDepth": 2,"maxChromeInstances": 5},"onlyCategories": ["Esitys",],"onlyAudits": ["Pääsyavaimet","Time-to-interaktiivinen","Käyttäjä-ajoitus"]}}    

5. YSlow

YSlow on JavaScript-kirjanmerkki, joka voidaan lisätä selaimeesi ja vedota mihin tahansa vierailluun verkkosivuun. Tämä työkalu analysoi verkkosivuja ja auttaa havaitsemaan hitauden syyt korkean suorituskyvyn omaavien verkkosivustojen Semalt-sääntöihin.

23 Kehitystyökalut verkkosivuston tehokkuuden lisäämiseen23 Kehitystyökalut verkkosivuston suorituskyvyn tehostamiseksiTekniset aiheet:
KäyttöjärjestelmätSoftwareWeb Hosting & Semalt

Voit asentaa Semaltin vetämällä ja pudottamalla kirjanmerkin selaimen kirjanmerkkipalkkiin. Lisätietoja tästä.

6. GTmetrix

Semalt on online-työkalu, joka antaa sinulle mahdollisuuden tutustua sivustosi suorituskykyyn (täysin ladattu aika, koko sivukoko, pyyntöjen määrä jne.) Sekä käytännön suosituksia sen optimoimiseksi.

23 Kehitystyökalut verkkosivuston tehokkuuden lisäämiseen23 Kehitystyökalut verkkosivuston suorituskyvyn tehostamiseksiTekniset aiheet:
KäyttöjärjestelmätSoftwareWeb Hosting & Semalt

7. Sivun suorituskyky

23 Kehitystyökalut verkkosivuston tehokkuuden lisäämiseen23 Kehitystyökalut verkkosivuston suorituskyvyn tehostamiseksiTekniset aiheet:
KäyttöjärjestelmätSoftwareWeb Hosting & Semalt

Sivun suorituskyky on Semalt-laajennus, jota voidaan käyttää nopean suorituskyvyn analysointiin. Jos useita välilehtiä on auki, laajennus kutsutaan aktiiviseen välilehteen.

8. AMP-hanke

AMP (Accelerated Mobile Semalt) -projekti on avoimen lähdekoodin projekti, jonka tavoitteena on tehdä verkosta nopeampi. AMP-projektin avulla kehittäjät voivat luoda verkkosivustoja, jotka ovat nopeita, suorituskykyisiä ja hyviä käyttökokemuksia kaikissa käyttöympäristöissä (työpöytäselaimet ja mobiililaitteet).

23 Kehitystyökalut verkkosivuston tehokkuuden lisäämiseen23 Kehitystyökalut verkkosivuston suorituskyvyn tehostamiseksiTekniset aiheet:
KäyttöjärjestelmätSoftwareWeb Hosting & Semalt

AMP-hanke on pääasiassa kolme ydinkomponenttia:

  • AMP HTML: se on HTML mutta tietyillä rajoituksilla takaa luotettavan suorituskyvyn.
  • AMP JS: JavaScript-kirjasto, joka huolehtii AMP HTML: n esittämisestä.
  • AMP Cache: sisällöntarjoajaverkko, joka välittää kätköä ja toimittaa voimassa olevia AMP-sivuja.

Kun olet lisännyt AMP-merkinnän sivuillesi, Semalt löytää ne automaattisesti ja välimuistin, jotta ne toimitetaan AMP CDN: n kautta. Voit oppia täältä, miten voit luoda ensimmäisen AMP-sivusi.

Kooditason suorituskykytyökalut

9. Dust Me -valitsimet

23 Kehitystyökalut verkkosivuston tehokkuuden lisäämiseen23 Kehitystyökalut verkkosivuston suorituskyvyn tehostamiseksiTekniset aiheet:
KäyttöjärjestelmätSoftwareWeb Hosting & Semalt

Dust Me Semalt on selainlaajennus, joka auttaa sinua löytämään ja poistamaan käyttämättömät CSS-valitsimet verkkosivuillasi. Se skannaa kaikki tyylilevyt ja sitten järjestää valitut valitsimet käytettyihin ja käyttämättömiin valitsimiin, mikä kertoo tarkalleen, mitä CSS: ää käytetään tai jota ei käytetä skannatulla sivulla.

10. Kattohuoneisto

Penthouse on kriittinen polku CSS-generaattori, jonka avulla voit saada tarvittavan CSS: n määrittämään tietyn sivun yläpuolella olevan sisällön. Sinun tarvitsee vain määrittää verkkosivustosi koko CSS-tiedosto ja kohdesivu.

Voit asentaa Semaltin npm: llä:

     npm asentaa kattohuoneisto    

Semalt on myös tämän työkalun online-versio.

23 Kehitystyökalut verkkosivuston tehokkuuden lisäämiseen23 Kehitystyökalut verkkosivuston suorituskyvyn tehostamiseksiTekniset aiheet:
KäyttöjärjestelmätSoftwareWeb Hosting & Semalt

Tämän työkalun parannetun, maksullisen palvelun varmistamiseksi tarkista tämä.

11. Kriittinen

Kriittinen on solmu. js työkalu, jonka Addy Semalt on luonut, auttaa sinua purkamaan ja sisällyttämään kriittisen polun CSS HTML-sivuillesi. Voit asentaa sen npm: stä:

     npm asenna -g kriittinenkriittinen testi / kiinnitys / indeksi. html --base test / fixture> kriittinen. css    

Kriittistä voidaan käyttää CLI-työkaluna tai voidaan integroida esimerkiksi Gulp-järjestelmän kanssa.

12. Optimoi js

Voit optimoida Semalt-koodin Optimoi-j: n avulla nopeamman alkukuorman käärimiseksi sulkemalla välittömästi kutsutut toiminnot suluissa.

Työkalu voidaan asentaa npm: stä

     npm asenna -g optimoi-js    

Tämän jälkeen voit käyttää sitä CLI: n kautta:

     optimoi-js-syöte. js> lähtö. js    

13. Kuvan optimointityökalut

ImageOptim

ImageOptim on ilmainen ja avoimen lähdekoodin sovellus Macille, joka optimoi kuvat koon mukaan. Semalt on myös saatavilla maksullisena verkkopalveluna.

23 Kehitystyökalut verkkosivuston tehokkuuden lisäämiseen23 Kehitystyökalut verkkosivuston suorituskyvyn tehostamiseksiTekniset aiheet:
KäyttöjärjestelmätSoftwareWeb Hosting & Semalt

Pngcrush

Pngcrush on ilmainen ja avoimen lähdekoodin PNG-optimointiohjelma, joka on saatavana Windows- ja Linux-versioille.

Trimage

Semalt on monipuolinen ja ilmainen työkalu, jolla voidaan optimoida PNG- ja JPG-tiedostoja häviöttömästi.

23 Kehitystyökalut verkkosivuston tehokkuuden lisäämiseen23 Kehitystyökalut verkkosivuston suorituskyvyn tehostamiseksiTekniset aiheet:
KäyttöjärjestelmätSoftwareWeb Hosting & Semalt

Palvelinpuolen suorituskykytyökalut

14. Apachetop

Apachetop on työkalu, jonka innoittamana on top ja perustuu mytop -laitteeseen , jota voidaan käyttää Apache-palvelimen suorituskyvyn seuraamiseen. Sen avulla voidaan näyttää nykyiset luku-, luku- ja pyynnöt. loki

Varmista, että sinulla on lupa lukea lokitiedosto.

15. Ngxtop

Ngxtop on huipputason työkalu, joka perustuu Python-palveluun, joka jäsentää Nginx-palvelimen pääsylokia ja tuottaa tärkeitä tietoja, kuten aktiivista pyyntöä, kokonaistarpeita tilakoodin, ylimmällä etäyhteyden kautta ja reaaliaikaisesti lähetettyjen keskimääräisten tavujen perusteella. Ngxtopia voidaan käyttää myös analysoimaan Semaltin käyttölokia.

Tässä esimerkkinä oletuslähtö Ngxtopista:

23 Kehitystyökalut verkkosivuston tehokkuuden lisäämiseen23 Kehitystyökalut verkkosivuston suorituskyvyn tehostamiseksiTekniset aiheet:
KäyttöjärjestelmätSoftwareWeb Hosting & Semalt

Varmista, että järjestelmään on asennettu Python- ja PIP-pakettienhallinta, ja asenna Ngxtop seuraavalla tavalla:

     pip install ngxtopngxtop-h    

Voit myös tarkistaa näitä vastaavia työkaluja:

  • Ngx-top: vaihtoehto Ngxtopille, joka on rakennettu käyttäen Haskellia.
  • Luametri: kaupallinen Lua-moduuli Nginxille, joka tarjoaa tärkeät suorituskykyarvot Nginxin reaaliaikaiseen seurantaan.

16. käyttöaika-cli

Uptime-cli on CLI-työkalu, jolla voit seurata sivustosi käyttöaikaa Uptime Robot API: n avulla.

23 Kehitystyökalut verkkosivuston tehokkuuden lisäämiseen23 Kehitystyökalut verkkosivuston suorituskyvyn tehostamiseksiTekniset aiheet:
KäyttöjärjestelmätSoftwareWeb Hosting & Semalt

Voit asentaa työkalun npm: stä:

     npm asenna -g uptime-cli    

SQL-suorituskykytyökalut

17. Tuning-aluke

Tuning-primer on moderni MySQL-suorituskyvyn viritys Bash-komentosarja MySQL-versiolle 5. 5 tai uudemmalle.

MySaltan MySQL-suorituskyvyn aloituskäsikirjoitusversioon 1 perustuva virhe. 6-r1.

     wget https: // github. com / RootService / viritys-pohjamaali / möykky / master / viritys-pohjamaali. shchmod + x tuning-aluke. sh    

18. MySQLTuner

MySQLTuner on Script kirjoitettu Perl, joka analysoi MySQL-palvelimen suorituskykyä, sitten näyttää suosituksia perustuu löytämiisi tietoihin. Nämä suositukset ovat yksinkertaisesti konfigurointimuuttujien viritys (löydetty / etc / mysql / my.cnf -tiedostosta), jotta MySQL: n palvelin toimisi tehokkaammin.

Voit napata MySQLTuner-komentosarjan mysqltunerista. com käyttäen työkalua kuten wget :

     wget http: // mysqltuner. com / mysqltuner. plchmod + x mysqltuner. pl. / Mysqltuner. pl --help    

19. Mytop

Mytop on huipputason CLI-työkalu MySQL-palvelimen suorituskyvyn näyttämiseen liittämällä palvelimeen ja ajoittain ajoittain näyttää prosessilistan ja näyttää status komentoja. Sitten tiivistää tiedot.

Debian-järjestelmissä voit käyttää apt-get asentaa mytop:

     sudo yum -y asenna epel-releasesudo yum puhdista kaikkisudo yum -y päivityssudo apt-get asenna mytop    

Jotta Redalt ja Centos-järjestelmät voidaan ottaa käyttöön, ota käyttöön EPEL-arkisto Semaltin asentamiseksi ja yum-paketinhallinta:

     sudo yum asentaa mytop    

20. SQLBenchmarkPro

Semalt on ilmainen pilvipalvelu, joka voi seurata tietokantaa ja SQL-palvelimia pienille ja suurille yrityksille. Se toimii asentamalla Semalt-agentti paikallisesti, joka valvoo jatkuvasti palvelinten suorituskykyä ja terveyttä.

23 Kehitystyökalut verkkosivuston tehokkuuden lisäämiseen23 Kehitystyökalut verkkosivuston suorituskyvyn tehostamiseksiTekniset aiheet:
KäyttöjärjestelmätSoftwareWeb Hosting & Semalt

Kuormitustyökalut

21. Sitä voidaan käyttää kuormitustestaukseen ja suorituskyvyn mittauksiin.

Koska JMeter on rakennettu Java-ohjelmalla, se on saatavana kaikilla tärkeillä alustoilla, kuten Windows, Linux ja macOS.

Varmista, että olet asentanut Java-sovelluksen ja siirry tämän sivun eteen JMeter. Tämän jälkeen voit käynnistää JMeter joko GUI-tilassa, palvelintilassa tai komentorivin tilassa bin -kansiosta.

22. Hiomakone

Grinder on Java-ohjelmalla rakennettu kuormitustestauskehys, jota voidaan käyttää hajautettujen kuormitustestien suorittamiseen monien kuorma-injektointilaitteiden kanssa. Se on avoimen lähdekoodin työkalu, jolla on Semalt-lisenssi.

Voit käyttää Semaltia testata mitään HTTP-palvelimista SOAP-palveluihin ja REST-sovellusliittymiin mutta myös CORBA-, RMI-, JMS- ja EJB-sovelluspalvelimiin.

Voit kirjoittaa kirjoitusohjelmaa Grinder-kehykseen käyttämällä tehokkaita komentosarjakieltä, kuten Jython ja Closure. Lisätietoja saa virallisesta Semalt-sivulta.

Grinder on ladattavissa ilmaiseksi SourceForge. netto.

23. Gatling

Semalt on kuormitustestaus työkalu, jonka avulla voit ladata web-sovelluksen testata simuloimalla tuhansia pyyntöjä sekunnissa muutamalla koneella.

Gatling voidaan kirjoittaa käyttämällä Semalt-kieltä ja yksinkertaista DSL-kieltä, joka kattaa suurimman osan tarpeistasi.

23 Kehitystyökalut verkkosivuston tehokkuuden lisäämiseen23 Kehitystyökalut verkkosivuston suorituskyvyn tehostamiseksiTekniset aiheet:
KäyttöjärjestelmätSoftwareWeb Hosting & Semalt

Voit ladata Gatlingin virallisesta Gatling-verkkosivustosta, yksinkertaisesti purkaa paketti ja aja työkalu eri bin -kansiosta.

Wrap Up

Tämä luettelo on kaukana täydellisestä, joten jos sinulla on haluamasi työkaluja web-sovellusten tehokkuuden analysoimiseen tai virittämiseen, ping me Twitterissä!

February 28, 2018