2010-12-02 12 views
3

Viele Web-Apps, die es heutzutage gibt, verwenden APIs oder Code, mit denen sie nicht selbst gearbeitet haben, und verwenden es oft ineffizient. Einige Google Maps Mashups kommen mir in den Sinn.Optimierungsstrategien für die Entwicklung von Web-Apps

Mit php/asp Backends, HTML, Javascript (vor allem mit allen AJAX in diesen Tagen) - es gibt so viele potenzielle Engpässe, Probleme, Ineffizienzen und Doppel-Ups.

Welche Strategien können Sie vorschlagen, um Verlangsamungen, redundanten Code, Lecks und andere Probleme in Web-Apps zu untersuchen, zu identifizieren und zu lösen - sowohl serverseitig als auch auf der Client-Seite?

+4

Dies ist eine extrem offene Frage. – cherouvim

Antwort

8

Eine sehr offene und expansive Frage - es könnte produktiver sein, jeden Bereich zu kompartimentieren, anstatt sich das Gesamtbild anzusehen, was überwältigend sein kann. Ein sehr wichtiger Aspekt, die Auswirkungen auf alles, was Sie erwähnen ist richtig Rechnungsprüfung, Analyse und Code debuggen, einige der folgenden Tools können dabei helfen:

[...] Untersuchung, Identifizierung und Lösung langsam -downs, redundanten Code, Lecks und andere Fragen in Web-Anwendungen - sowohl serverseitige [...]

Für spezifische Entwicklung PHP, Schauen Sie sich:

PHP Code Sniffer

PHP AST

PHP Sat

PHP Depend

PHP Lint

PHP Call Graph

xDebug

[...] und im Browser auf Client-Seite?

Für Client-Seite Debugging, schauen:

JSLint

Firebug

YSLow

Opera - Dragonfly

WebKit (Safari/Chrome Browsers) - Web Inspector

IE - Microsoft script Debugger

Hilfe zu look 'langsam Tiefen' in Caching, entweder mit

ob_start (zB.ob_start('ob_gzhandler');) und ob_end_flush

ETags

.htaccess Gzipping, auch here

PHP Memcaching

Sie können auch verwenden:

CSS Sprites

Reduced HTTP requests

Minified CSS and JS

Diese Werkzeuge beiseite, was es ist sehr wichtig zu beachten, dass Ihre Fähigkeit, großen Code als Ganze (Ihre gesamte app) ist davon abhängig, welche APIs Dritten zu produzieren setzen Sie auf, und was Sie selbst benötigen (Ihren Code). In den meisten Fällen werden Sie immer durch die Auswahl der APIs eingeschränkt sein (Sie haben nur begrenzte Möglichkeiten, ihre Quelle zu ändern) und insbesondere die Kombination der von Ihnen gewählten APIs. Ihr Hauptaugenmerk sollte auf der Analyse Ihrer eigenen Codierschicht liegen, wobei Sie so viele Richtlinien wie möglich für die einzelnen APIs einhalten sollten ... einfacher gesagt als getan.

+1

Ausgezeichnete Abdeckung. Eine andere neue Option, wenn Sie zu faul sind, alles selbst zu tun, könnte auch aussehen, in googles mod_pagespeed (http://code.google.com/speed/page-speed/docs/module.html). Es automatisiert eine Menge der Arbeit, die Sie sonst in Bezug auf Client-Leistung leisten könnten. –

1

Dies ist ein großartiger Ort zu starten und hat mich gut bedient:

http://stevesouders.com/hpws/rules.php

zusätzlich das oben genannte Page Speed ​​ist ein Muss.

Darüber hinaus hat Ergo Recht, dies ist ein expansives Gebiet, und fast jede Ineffizienz wird verschiedene Werkzeuge und Methoden benötigen, um es zu überwinden. Du sprichst von potentiellem Wissen einer ganzen Karriere. Aber es klingt, als würden Sie die richtigen Fragen stellen. Viel Glück!

Verwandte Themen