mazeeblanke

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

mazeeblanke

<?php

...

$app->get('/hello', function ($request, $response, $args) {
    return $response->write("<br>------------ CENTER -------------------<br>");
})
  ->add(function($request, $response, $next) {
      return $next($request, $response);
  })

mazeeblanke

<?php
...

 public function callMiddlewareStack(ServerRequestInterface $request, ResponseInterface $response)
    {
        if (is_null($this->tip)) {
            $this->seedMiddlewareStack();
        }
        /** @var callable $start */
        $start = $this->tip;

mazeeblanke

<?php
...

 protected function seedMiddlewareStack(callable $kernel = null)
    {
        if (!is_null($this->tip)) {
            throw new RuntimeException('MiddlewareStack can only be seeded once.');
        }
        if ($kernel === null) {
            $kernel = $this;

mazeeblanke

<?php

//route middleware
$mw = function ($request, $response, $next) {
    ...
    $response = $next($request, $response);
    $...
    return $response;
};

mazeeblanke

<?php
class Route extends Routable implements RouteInterface
{
    use MiddlewareAwareTrait;

    ...

    public function finalize()
    {
        if ($this->finalized) {

mazeeblanke

<?php
...
protected function addMiddleware(callable $callable)
    {
        if ($this->middlewareLock) {
            throw new RuntimeException('Middleware can’t be added once the stack is dequeuing');
        }

        if (is_null($this->tip)) {

mazeeblanke

<?php
require __DIR__ . '/../vendor/autoload.php';

$config = ['settings' => [
    'addContentLengthHeader' => false,
]];

$app = new \Slim\App($config);

//route middleware

mazeeblanke

<?php

class App {
   use MiddlewareAwareTrait;
    ...
    
    public function run($silent = false)
    {
        $response = $this->container->get('response');

mazeeblanke

<?php

class App {
  public $tip;

  public function add(callable $callable) {

    if (is_null($this->tip)) {
      $this->tip = $this;
    }