nodebotanist

Digging into Web App Performance Issues

You get an email from a boss or client-- "The website is running slow." You have no idea what could be causing this, but you know you need to fix it, and fast. Let's take a look at the tools and techniques available that allow us to dig into these nebulous issues, and allow us to pinpoint a more exact cause. Luckily, most of these tools have been made available by nearly all modern browsers, so we don't have to install any new software or complicate the setup.

Browser Developer Tools

Browser developer tools have been evolving at a high speed over the last few years, driven by the advent of more robust web applications. But these tools are seen mostly as a way to find issues with CSS and JavaScript, and debug running code. However, there are tabs in these tools that allow you to debug performance issues, such as viewing network calls, memmory usage, and code run time. These tools will help us find and diagnose our nebulous performance problems.

The Performanc

nodebotanist

Keybase proof

I hereby claim:

• I am nodebotanist on github.
• I am nodebotanist (https://keybase.io/nodebotanist) on keybase.
• I have a public key ASBEW2xoneujurAMJHLYrzYIxL1S-ATaqR7ebsm_eYwWJAo

To claim this, I am signing this object:

nodebotanist

Keybase proof

I hereby claim:

• I am nodebotanist on github.
• I am nodebotanist (https://keybase.io/nodebotanist) on keybase.
• I have a public key ASAWhPzpSaIy03ma9-pRMhrTcS6p2SQeZxNO6o5R04KjYQo

To claim this, I am signing this object:

nodebotanist

Serverless Architecture

About Me

• @nodebotanist
• technically a student (studying for BSE in EE @ Arizona State)
• Developer Relations Engineer @ Auth0/Webtask IO
• Gender Non-Binary (they/them)

What is serverless?

nodebotanist

config 'dnsmasq'
    option domainneeded  1
    option boguspriv   1
    option filterwin2k   0
    option localise_queries  1
# disable rebind protection
    option rebind_protection 0
# end changes
    option rebind_localhost  0
    option local           '/lan/'

nodebotanist

{
  "name": "oauth-webinar-source",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",

nodebotanist

cc.sh'use strict'

const colors = require('colors')
const args = require('yargs').argv

console.log('Welcome to our JWT generator!'.underline.green)

if(!args.secret){
	console.log('You need to include a string for --secret so we can sign our JWT key!'.red.underline)
	process.exit(1)

nodebotanist

'use strict'
var secrets = require('./config/secrets')
var request = require('request')
var fs = require('fs')

var courses = [];

fs.readFile('./data/courses.csv', function(err, body){
	let courses_text = body.toString().split('\n')
	courses_text.forEach(function(item){

nodebotanist

I'm sitting here, on a rainy Sunday morning in June 2015, in front of my MacBook Air, flipping switches on my Android, staring at the computer. A light bulb in my living room flickers from blue, to orange, to some weird green color. I'm tracking Bluetooth LE Characteristics. I have a Bluetooth light bulb, and they don't have a javascript API yet, so I'm using noble and node to write one.

I'm sitting there, a few miles away, in I want to say August 1999. I'm staring at a CRT monitor, and plugged into a USB port on my family's windows tower is a GameBoy GameShark that I took on a lot of chores and time to earn. plugged into that is some Harvest Moon game or another. I want to say I needed more tomato seeds. My child-brain decided that instead of figuring out a way to earn the in-game currency, I would alter the universe.

I wasn't the most straightforward-thinking kid.

Since then I've learned I could've just used Yahoo (or even Ask Jeeves!) for the codes. Instead I looked up how to make them: I found profanit

nodebotanist

{
  "meta": {
    "X-RateLimit-Limit": "60",
    "X-RateLimit-Remaining": "58",
    "X-RateLimit-Reset": "1406034781",
    "Cache-Control": "public, max-age=60, s-maxage=60",
    "Vary": "Accept",
    "ETag": "\"3a3c1f8302ae6272f7791a2d39f145f3\"",
    "X-GitHub-Media-Type": "github.v3",
    "status": 200